Each element of a chart (whether it is a scale, an angle, a curve, a point, a stroke, and so on) is provided with a number of options. The choice of the options may greatly affect the rendering of a chart. The options table in this page provides a list of all the available options for the elements of each chart type, along with their default values.
In the examples provided in the previous pages, chart rendering is based on option default values.
You may however decide to adopt different options in generating your charts.
Press this link to display some optioned charts as compared to their defaulted versions.

 

Charts Options Table

Li ne	Ra dar	Bar	Po lar	Pie	Dou gh nut	Option	Type	Default value	Meaning
x	x	x	x			scaleOverlay	boolean	false	show the scale above the chart data
x	x	x	x			scaleOverride	boolean	false	override with a hard coded scale
x	x	x	x			scaleSteps (*)	number	null	The number of steps in a hard coded scale
x	x	x	x			scaleStepWidth (*)	number	null	The value jump in the hard coded scale
x	x	x	x			scaleStartValue (*)	number	null	The scale starting value
	x		x			scaleShowLine	boolean	true	Whether to show lines for each scale point
x	x	x	x			scaleLineColor	string	"rgba(0,0,0,0.1)"	Colour of the scale line
x	x	x	x			scaleLineWidth	number	1	Pixel width of the scale line
x	x	x	x			scaleShowLabels	boolean	true	Whether to show labels on the scale
x	x	x	x			scaleLabel	interpolated JS string	"<%=value%>"	can access value
x	x	x	x			scaleFontFamily	string	"'Arial'"	Scale label font declaration for the scale label
x	x	x	x			scaleFontSize	number	12	Scale label font size in pixels
x	x	x	x			scaleFontStyle	string	"normal"	Scale label font weight style
x	x	x	x			scaleFontColor	string	"#666"	Scale label font colour
x		x				scaleShowGridLines	boolean	true	Whether grid lines are shown across the chart
x		x				pointLabelFontSize	number	12	Point label font size in pixels
	x					pointLabelFontColor	string	"#666"	Point label font colour
			x	x	x	segmentShowStroke	boolean	true	Stroke a line around each segment in the chart
			x	x	x	segmentStrokeColor	string	"#fff"	The colour of the stroke on each segment.
			x	x	x	segmentStrokeWidth	number	2	The width of the stroke value in pixels
					x	percentageInnerCutout	number	50	The percentage of the chart to be cut out of the middle
x	x	x	x	x	x	animation	boolean	true	Whether to animate the chart
x	x	x				animationSteps	number	60	Number of animation steps
			x	x	x			100
x	x	x				animationEasing	string	"easeOutQuart"	Animation easing effect
			x	x	x			"easeOutBounce"
			x	x	x	animateRotate	boolean	true	Whether to animate the rotation of the chart
			x	x	x	animateScale	boolean	false	Whether to animate scaling the chart from the centre
x	x	x	x	x	x	onAnimationComplete	function	null	Fires when the animation is complete
Li ne	Ra dar	Bar	Polar	Pie	Dou gh nut	Option	Type	Default value	Meaning

(*)	Required if scaleOverride is true

previous page