Customizing Charts

The following table lists the available variables for customization.

NameTypeDefault valueComputed value
$series-aget-base-hue( teal, 500 )get-base-hue( teal, 500 )
Description
The first base series color and its light and dark shades.
$series-bget-base-hue( blue, 500 )get-base-hue( blue, 500 )
Description
The second base series color and its light and dark shades.
$series-cget-base-hue( purple, 500 )get-base-hue( purple, 500 )
Description
The third base series color and its light and dark shades.
$series-dget-base-hue( red, 500 )get-base-hue( red, 500 )
Description
The fourth base series color and its light and dark shades.
$series-eget-base-hue( yellow, 500 )get-base-hue( yellow, 500 )
Description
The fifth base series color and its light and dark shades.
$series-fget-base-hue( green, 500 )get-base-hue( green, 500 )
Description
The sixth base series color and its light and dark shades.
$series-1$series-aget-base-hue( teal, 500 )
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?