Skip to main content

Axis Spec

Defines a area series in the chart.

Overview​

Compatible Specs​

Axis spec can be used multiple times along with any of the following specs:

Global Specs​

Specs​

Overrides​

  • specType -> SpecType.Axis
  • chartType -> ChartType.XYAxis

Props​

All props can be found via LineSeriesProps type.

Spec Props​

Inherits Spec props

id​

  • Type: id: AxisId

The id of this axis spec.

gridLine​

  • Type: gridLine?: Partial<GridLineStyle>

Style options for grid line.

groupId​

  • Type: groupId: GroupId
  • Default: DEFAULT_GLOBAL_ID

The id of the axis group.

hide​

  • Type: hide: boolean

Hide this axis

showOverlappingTicks​

  • Type: showOverlappingTicks: boolean

shows all ticks and gridlines, including those belonging to labels that got culled due to overlapping with other labels.

showOverlappingLabels​

  • Type: showOverlappingLabels: boolean

Shows all labels, also the overlapping ones.

position​

  • Type: position: Position

Where the axis appear on the chart

tickFormat​

  • Type: tickFormat?: TickFormatter
  • Default: Uses first series spec tickFormat

A function called to format every axis tick value label.

info

Used in tooltip when no tickFormat is provided from series spec

labelFormat​

  • Type: labelFormat?: TickFormatter

A function called to format every label (excludes tooltip) overrides tickFormat for axis labels

ticks​

  • Type: ticks?: number

An approximate count of how many ticks will be generated.

title​

  • Type: title?: string

The axis title

style​

  • Type: style?: RecursivePartial<Omit<AxisStyle, 'gridLine'>>

Custom style overrides.

domain​

  • Type: domain?: YDomainRange

If specified, it constrains the domain for these values.

integersOnly​

  • Type: integersOnly?: boolean

Show only integar values.

showDuplicatedTicks​

  • Type: showDuplicatedTicks?: boolean
  • Default: false

Show duplicated ticks

timeAxisLayerCount​

  • Type: timeAxisLayerCount: number
  • Default: 2
  • tag: @alpha

Render a multi-layer time axis. Use 2 or 3 as valid number of layers. Use 0 to use the alternative, one row, time axis.