Axis

Axis draws an axis along an edge of a CartesianChart instance. 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.

BaseAxis.TickPosition and BaseAxis.LineDrawingOrder let you place ticks outside, inside, or across the axis line and choose whether ticks and the axis line are drawn under or over the chart layers.

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