New to KendoReact? Start a free 30-day trial

Customizing Charts

The following table lists the available variables for customization.

NameTypeDefault valueComputed value
$series-a#0275d8#0275d8
Description
The first base series color and its light and dark shades.
$series-b#5bc0de#5bc0de
Description
The second base series color and its light and dark shades.
$series-c#5cb85c#5cb85c
Description
The third base series color and its light and dark shades.
$series-d#f0ad4e#f0ad4e
Description
The fourth base series color and its light and dark shades.
$series-e#e67d4a#e67d4a
Description
The fifth base series color and its light and dark shades.
$series-f#d9534f#d9534f
Description
The sixth base series color and its light and dark shades.
$series-1$series-a#0275d8
Description
The series colors in order:
base, light, dark, lighter, darker
$chart-major-linesrgba(0, 0, 0, .08)rgba(0, 0, 0, .08)
Description
The color of the Chart grid lines (major).
$chart-minor-linesrgba(0, 0, 0, .04)rgba(0, 0, 0, .04)
Description
The color of the Chart grid lines (minor).

In this article

Not finding the help you need?