New to Kendo UI for Vue? Start a free 30-day trial

Customizing Charts

The following table lists the available variables for customization.

NameTypeDefault valueComputed value
$series-a#ff6358#ff6358
Description
The first base series color and its light and dark shades.
$series-b#ffd246#ffd246
Description
The second base series color and its light and dark shades.
$series-c#78d237#78d237
Description
The third base series color and its light and dark shades.
$series-d#28b4c8#28b4c8
Description
The fourth base series color and its light and dark shades.
$series-e#2d73f5#2d73f5
Description
The fifth base series color and its light and dark shades.
$series-f#aa46be#aa46be
Description
The sixth base series color and its light and dark shades.
$series-1$series-a#ff6358
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?