<cfchartseries>

edit

Used with the <cfchart> and <cfchartdata> tags. This tag defines a series.

This tag may have a body.

This tag is also supported within <cfscript>

Requires Extension: Chart Extension for Jakarta EE (Lucee 7+)

<cfchartseries colorlist=string itemColumn=string markerStyle=string paintStyle=string query=any seriesColor=string seriesLabel=string type=string valueColumn=string dataLabelStyle=string ><!--- body --->[</cfchartseries>]
Attribute Description
colorlist
string, optional 		edit

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.
itemColumn
string, optional 		edit

Name of a column in the query specified in the query attribute; contains the item label for a data point to graph.
markerStyle
string, optional 		edit

Applies to chartseries type attribute values line, curve and scatter, and show3D attribute value no.
paintStyle
string, optional 		edit

Sets the paint display style of the data series.
query
any, optional 		edit

Name of CFML query from which to get data.
seriesColor
string, optional 		edit

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.
seriesLabel
string, optional 		edit

Text of data series label
type
string, required 		edit

Sets the chart display style
valueColumn
string, optional 		edit

Name of a column in the query specified in the query attribute; contains data values to graph.
dataLabelStyle
string, optional 		edit

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

Examples

edit

Chartseries Example

<cfchart format="jpg" title="Sales Result" backgroundcolor="magenta" showborder="true">
  <cfchartseries type="bar" paintstyle="light">
    <cfchartdata item="2016" value="100">
    <cfchartdata item="2017" value="300">
    <cfchartdata item="2018" value="500">
    <cfchartdata item="2019" value="700">
  </cfchartseries>
</cfchart>

See also