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$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-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?