New to Kendo UI for Vue? 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 | $teal | ||
Description The first base series color and its light and dark shades. | |||
| $series-b | $blue | ||
Description The second base series color and its light and dark shades. | |||
| $series-c | $purple | ||
Description The third base series color and its light and dark shades. | |||
| $series-d | $red | ||
Description The fourth base series color and its light and dark shades. | |||
| $series-e | $yellow | ||
Description The fifth base series color and its light and dark shades. | |||
| $series-f | $green | ||
Description The sixth base series color and its light and dark shades. | |||
| $series-1 | $series-a | ||
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). | |||
