ZoomCharts Documentation

About themes

Theme is a collection of configuration options that is overlaid on the default configuration.

Specifying theme

Theme is specified by setting settings.theme field.

Time chart provides several default themes to start with:

• PieChart.themes.flat - a simple flat theme.
• PieChart.themes.bevel - a simple theme with bevels.
• PieChart.themes.gradient - a nice shaded theme.
• PieChart.themes.raised - a nice looking 3d theme.

Style parameters in settings

We try to stay close to CSS syntax when defining style for rendered elements.

Some fields have custom attributes for element specific aspects. See Settings documentation for details.

Common attributes:

• fill - CSS color string for filling areas and painting text.
• shadowOffsetX - shadow offset X in pixels
• shadowOffsetY - shadow offset Y in pixels
• shadowBlur - shadow blur size in pixels
• shadowColor - CSS color string for shadow

Text attributes:

• font - CSS font string.

Line attributes:

• lineColor - CSS color string for painting lines
• lineWidth - line with in pixels

Color strings can be one of the following:

• "#123456"or "#123" - HTML color code
• "red"- HTML color name
• "rgb(100,120,120)" - opaque color
• "rgba(100,120,120, 0.5)" - transparent color