Customizing Charts

The following table lists the available variables for customization.

Name Type Default value Computed value
$series-a #3f51b5 #3f51b5
Description
The color of the first series.
$series-b #2196f3 #2196f3
Description
The clor of the second series.
$series-c #43a047 #43a047
Description
The color of the third series.
$series-d #ffc107 #ffc107
Description
The color of the fourth series.
$series-e #ff5722 #ff5722
Description
The color of the fifth series.
$series-f #e91e63 #e91e63
Description
The color of the sixth series.
$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).

In this article