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.

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)”