Axis

Overview

Axis draws an axis along one of a CartesianChart’s edges. There are two built-in implementations: HorizontalAxis and VerticalAxis. Use VerticalAxis.rememberStart, HorizontalAxis.rememberTop, VerticalAxis.rememberEnd, and HorizontalAxis.rememberBottom to instantiate these:

rememberCartesianChart(
    startAxis = VerticalAxis.rememberStart(/* ... */),
    topAxis = HorizontalAxis.rememberTop(/* ... */),
    endAxis = VerticalAxis.rememberEnd(/* ... */),
    bottomAxis = HorizontalAxis.rememberBottom(/* ... */),
    // ...
)

Numerous customization options are available; you can change the appearance of the labels, modify the axis lines, add titles, and more.

Axis.ItemPlacer

HorizontalAxis.ItemPlacer and VerticalAxis.ItemPlacer let you customize for what x- and y-values labels and lines are displayed. Four factory functions are available:

• HorizontalAxis.ItemPlacer.aligned (default)
• HorizontalAxis.ItemPlacer.segmented
• VerticalAxis.ItemPlacer.step (default)
• VerticalAxis.ItemPlacer.count

Custom implementations can be created.

Sample charts

• “Basic column chart”
• “Basic line chart”
• “Basic combo chart”
• “AI test scores”
• “Daily digital-media use (USA)”
• “Temperature anomalies (June)”
• “Electric-car sales (Norway)”
• “Rock–metal ratios”
• “Gold prices (12/30/2024)”