New to KendoReact? Start a free 30-day trial
Customizing Charts
The following table lists the available variables for customization.
| Name | Type | Default value | Computed 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-lines | rgba(0, 0, 0, .08) | rgba(0, 0, 0, .08) | |
Description The color of the Chart grid lines (major). | |||
| $chart-minor-lines | rgba(0, 0, 0, .04) | rgba(0, 0, 0, .04) | |
Description The color of the Chart grid lines (minor). | |||
