Skip to main content

Theme Properties

The themeTheme properties may be used to set common colors across many properties in each component instance.

By default, any color prop defined on the chart, an axis, pen, or interaction will override the props listed below. See each property description for more information.

Name Description Property Type
axisBorderColor The color forof the axis border. Color open_in_new.png
axisLabelColor The color for the tick labels of the axis.axis ticks and associated labels. Color open_in_new.png
axisTitleColor The color for the title of the axis.axis title. Color open_in_new.png
chartBackground
The color of the chart background. This property is completely CSS compatible.
Color open_in_new.png
chartTitleColor The color forof the chart titletitle. Color open_in_new.png
highlightFill The fill color of the axis highlight for all interactions with the axis highlight functionality, as well as the zoom to area interaction area and range brush area. Color open_in_new.png
highlightStroke The stroke color of the axis highlight for all interactions with the axis highlight functionality, as well as the zoom to area interaction area and range brush area. Color open_in_new.png
legendBackground The color of the built-in chart legend background. Color open_in_new.png
legendForeground
The color of the built-in chart legend foreground.
Color open_in_new.png
loadingBackground
The color of the loading animation background.
Color open_in_new.png
loadingForeground
The color of the loading animation foreground.
Color open_in_new.png
majorGridLineStroke
The stroke color of the axis major gridlines.
Color open_in_new.png

minorGridLineStroke


The stroke color of the axis minor gridlines.
Color open_in_new.png

textAnnotationBackground


The color of the measurement and annotation infoBox background.
Color open_in_new.png

textAnnotationForeground


The color of the measurement and annotation infoBox foreground including text and border.
Color open_in_new.png

penColumnFill


The fill color of the Column type pen.
Color open_in_new.png

penColumnStroke


The stroke color of the Column type pen.
Color open_in_new.png
penGradientFill The default gradient for any pen type with the fill property. PenGradientStop[] open_in_new.png
penLineStroke
The stroke color of the Line and Spline type pens.
Color open_in_new.png
penMountainFill The fill color of the Mountain and MountainSpline type pens. Color open_in_new.png
penMountainStroke The stroke color of the Mountain and MountainSpline type pens. Color open_in_new.png
traceStroke The stroke color for the xTrace interaction crosshairs, line, border, and hover text. Color open_in_new.png