Element Description Child Elements Properties Sample
line Controls styles used for line rendering line { line-thickness: 2px; color: red} /* draws a red line 2 pixels thick */
fill In a line plot, allows control of fill region beneath line.
line fill { opacity: 0.5; background-color: lightblue; } /* draws a filled region below plotted line 50% transparent and light blue */
series for each time series, there is a series element with class s#, for example, the first time series dataset is represented by series.s0, and the second by series.s1
series.s1 line { color: green } /* Make the second times series line green */
Property Name Description Units
font-family Standard CSS Font Family property STRING
radius For circular points, specifies the radius of circle PX
font-size Standard CSS Font Size property PT
visibility CSS visibility property controls whether a chart component is drawn or not STRING
color A standard CSS color property COLOR
font-weight Standard CSS Font Weight property STRING
line-thickness Specifies the thickness of lines drawn on the chart PX
opacity Specifies the opacity value from 0 (transparent) to 1 (opaque) FLOAT
background-color Standard CSS background-color property COLOR
background-image CSS Background image property with extensions for gradients BGIMAGE
Unit TypeDescription
INTEGER An integer value.
PX An integer value in pixel units, with optional px suffix
FLOAT A floating point value
PT A font point size, a number followed by the suffix 'pt'
URI A URL of the format url(http://host.domain/some/path)
COLOR A CSS color name, rgb triple rgb(r,g,b), hexadecimal triple (e.g. #f0a2c9), an rgba quadruple rgba(r,g,b,a)
BGIMAGE A url to an image to be placed in the background of the form url(http://host.domain/some/image.png) or a gradient function gradient(startx, starty, endx, endy, colorstop, color, colorstop, color, ...)
STRING A string with or without surrounding quotes.