cfdocs

cfchartseries

Used with the cfchart tag. This tag defines the style in which chart data displays: bar, line, pie, and so on.

Syntax

<cfchartseries type="bar">

Script Syntax ACF11+, Lucee, Railo 4.2+

cfchartseries(type="bar");

Attribute Reference

Name	Type	Required	Default	Description	Values
type	string	Yes		Sets the chart display style	/Users/garethedwards/development/github/cfdocs/docs/tags/cfchartseries.md	pie
query	query	No		Name of CFML query from which to get data.
itemcolumn	string	No		Name of a column in the query specified in the query attribute; contains the item label for a data point to graph.
valuecolumn	string	No		Name of a column in the query specified in the query attribute; contains data values to graph.
serieslabel	string	No		Text of data series label
seriescolor	string	No		Color of the main element (such as the bars) of a chart. For a pie chart, the color of the first slice. Hex value or supported named color; see name list in the cfchart Usage section. For a hex value, use the form “##xxxxxx”, where x = 0-9 or A-F; use two pound signs or none.
paintstyle	string	No	plain	Sets the paint display style of the data series.	/Users/garethedwards/development/github/cfdocs/docs/tags/cfchartseries.md	light
markerstyle	string	No	rectangle	Applies to chartseries type attribute values line, curve and scatter, and show3D attribute value no.	/Users/garethedwards/development/github/cfdocs/docs/tags/cfchartseries.md	rcross
colorlist	string	No		Applies if chartseries type attribute = “pie”. Sets pie slice colors. Comma-delimited list of hex values or supported, named web colors; see name list in the cfchart Usage section. For a hex value, use the form “##xxxxxx”, where x = 0-9 or A-F; use two pound signs or none.
datalabelstyle	string	No		Specifies the way in which the color is applied to the item in the series: - None = nothing is printed (default) - Value = the value of the datapoint - Rowlabel = the row’s label - Columnlabel = the column’s label - Pattern	/Users/garethedwards/development/github/cfdocs/docs/tags/cfchartseries.md	pattern

A simple area chart

A Simple area chart with hard coded data.

<cfchart xAxisTitle="Subject" yAxisTitle="Marks">
	<cfchartseries type="area" seriescolor ="##ccc">
		<cfchartdata item="Tamil" value="80">
		<cfchartdata item="English" value="85">
		<cfchartdata item="Maths" value="95">
		<cfchartdata item="Science" value="88">
	</cfchartseries>
</cfchart>

This site is open source. Improve this page.