JPG and PNG Charts
The Process of creating JPG and PNG charts is pretty much exactly the same as creating a Flash chart.
The only main difference that i can point out is that you change format to either JPG or PNG depending on which image format you require.
Here i have a sample of both of the charts in JPG and PNG
Here is te source code from that page.
<table border="0" cellspacing="2" cellpadding="2">
<tr>
<td><div align="center"><strong>JPG</strong></div></td>
<td><div align="center"><strong>PNG</strong></div></td>
</tr>
<tr>
<td> <div align="center">
<cfchart format="jpg"
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>
</div></td>
<td> <div align="center">
<cfchart format="png"
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>
</div></td>
</tr>
</table>
<tr>
<td><div align="center"><strong>JPG</strong></div></td>
<td><div align="center"><strong>PNG</strong></div></td>
</tr>
<tr>
<td> <div align="center">
<cfchart format="jpg"
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>
</div></td>
<td> <div align="center">
<cfchart format="png"
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>
</div></td>
</tr>
</table>
There are no comments for this entry.
[Add Comment]