Monochrome palette – Charts

Themes assign monochrome color by series or datum index. Compose with chartPalette to reach a step outside that order.

Design: Look & feel
Shared API: Chart component

Select a step and apply it through chartStepItemStyle:

const steps = chartPalette(appearance, "monochrome");
// e.g. force the outlined pale step onto series 0, ignoring index order:
series: [
  {
    type: "bar",
    name: "Highlight",
    data: [1200],
    itemStyle: chartStepItemStyle(steps[3]),
  },
  // …
];

Last modified on August 20, 2026

⌘I