Categorical palette – Charts

Themes assign categorical color by series or datum index. Compose with chartPalette to reach a hue outside that order, selecting from the Anvil2 list rather than authoring hex values.

Design: Categorical color palette
Shared API: Chart component

Select hues by index into the array. The array holds the Anvil2 order, so the choice is which entry to use rather than which hex value to write:

const colors = chartPalette(appearance, "categorical");
// e.g. use purple (index 2) before blue (index 0):
series: [
  { type: "line", name: "A", data: […], itemStyle: { color: colors[2] } },
  { type: "line", name: "B", data: […], itemStyle: { color: colors[0] } },
];

Avoid hard-coding Anvil2 hex values in a chart option. Resolving through chartPalette keeps the light and dark appearances correct as tokens change.