New to Kendo UI for Angular? 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( if( $dark-theme, $white, $black ), .08 )rgba( if( $dark-theme, $white, $black ), .08 )
Description
The color of the Chart grid lines (major).
$chart-minor-linesrgba( if( $dark-theme, $white, $black ), .04 )rgba( if( $dark-theme, $white, $black ), .04 )
Description
The color of the Chart grid lines (minor).

In this article

Not finding the help you need?