Axis

Overview

Axis draws an axis along one of a CartesianChart’s edges. There are two built-in implementations: HorizontalAxis and VerticalAxis. Numerous customization options are available—you can change the appearance of the labels, modify the axis lines, add titles, and more.

Learn about axes in Compose and in views.

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” (Compose, views)

• “Basic line chart” (Compose, views)

• “Basic combo chart” (Compose, views)

• “AI test scores” (Compose, views)

• “Daily digital-media use (USA)” (Compose, views)

• “Temperature anomalies (June)” (Compose, views)

• “Electric-car sales (Norway)” (Compose, views)

• “Rock–metal ratios” (Compose, views)

• “Gold prices (12/30/2024)” (Compose, views)