Flash Charts
Flash charts can be made very easily in Coldfusion using the cfchart tag. within the cfchart tags you set the format to flash and it will appear as a flash chart. This post will show you how to create a simple bar chart.
Here is a quick tutorial on how to create your first flash chart. First of all you need to create the chart using the cfchart tag.
<cfchart format="flash"
chartheight="300"
chartwidth="300"
showxgridlines="no"
showygridlines="no"
showborder="no"
fontbold="no"
fontitalic="no"
show3d="yes"
rotated="no"
sortxaxis="no"
showlegend="no"
tipstyle="MouseOver"
tipbgcolor="##CCCCCC"
showmarkers="no"
title="Sample">
</cfchart>
Here i have created a flash chart 300px x 300px. Now we must create a series to go in our cfchart tag using the cfchartseries tag.
chartheight="300"
chartwidth="300"
showxgridlines="no"
showygridlines="no"
showborder="no"
fontbold="no"
fontitalic="no"
show3d="yes"
rotated="no"
sortxaxis="no"
showlegend="no"
tipstyle="MouseOver"
tipbgcolor="##CCCCCC"
showmarkers="no"
title="Sample">
</cfchart>
<cfchartseries type="bar" itemcolumn="Item" valuecolumn="Value">
</cfchartseries>
The series that i am using will create a bar chart with the item named Item and the value named Value. Now me must enter the data into our cfchartseries tag using the cfchartdata tag.
</cfchartseries>
<cfchartdata item="Item 1" value="35"></cfchartdata>
<cfchartdata item="Item 2" value="55"></cfchartdata>
<cfchartdata item="Item 3" value="43"></cfchartdata>
Here i have inserted 3 pieces of data named Item 1, Item 2 and Item 3, all with different values.
After completeing these 3 steps you should have something looking similar to this.
<cfchartdata item="Item 2" value="55"></cfchartdata>
<cfchartdata item="Item 3" value="43"></cfchartdata>
<cfchart format="flash"
chartheight="300"
chartwidth="300"
showxgridlines="no"
showygridlines="no"
showborder="no"
fontbold="no"
fontitalic="no"
show3d="yes"
rotated="no"
sortxaxis="no"
showlegend="no"
tipstyle="MouseOver"
tipbgcolor="##CCCCCC"
showmarkers="no"
title="Sample">
<cfchartseries type="bar" itemcolumn="Item" valuecolumn="Value">
<cfchartdata item="Item 1" value="35"></cfchartdata>
<cfchartdata item="Item 2" value="55"></cfchartdata>
<cfchartdata item="Item 3" value="43"></cfchartdata>
</cfchartseries>
</cfchart>
chartheight="300"
chartwidth="300"
showxgridlines="no"
showygridlines="no"
showborder="no"
fontbold="no"
fontitalic="no"
show3d="yes"
rotated="no"
sortxaxis="no"
showlegend="no"
tipstyle="MouseOver"
tipbgcolor="##CCCCCC"
showmarkers="no"
title="Sample">
<cfchartseries type="bar" itemcolumn="Item" valuecolumn="Value">
<cfchartdata item="Item 1" value="35"></cfchartdata>
<cfchartdata item="Item 2" value="55"></cfchartdata>
<cfchartdata item="Item 3" value="43"></cfchartdata>
</cfchartseries>
</cfchart>
There are no comments for this entry.
[Add Comment]