Skip to main content

Theme Properties

Theme 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 of the axisaxes border.borders. Color open_in_new.png
axisLabelColor The color of the axisaxes ticks and associated labels. Color open_in_new.png
axisTitleColor The color of the axisaxes title.titles. 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 of the chart title. 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 defined by an array of gradient stops.

 

This property only takes precedence over a default pen fill when the pen instance fill.gradient.gradientStops has a length of zero or is deleted from the property tree and the pen instance fill.color property is deleted from the property tree.

 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


Back to top