Create New Item
Item Type
File
Folder
Item Name
Search file in folder and subfolders...
Are you sure want to rename?
File Manager
/
RaspBerry
/
Contents
:
ChangeChart.html
Advanced Search
Upload
New Item
Settings
Back
Back Up
Advanced Editor
Save
<?xml version="1.0" encoding="iso-8859-1"?><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>FusionCharts Free Documentation</title> <link rel="stylesheet" href="Style.css" type="text/css" /> </head> <body> <table width="98%" border="0" cellspacing="0" cellpadding="3" align="center"> <tr> <td><h2 class="pageHeader">Converting our previous chart to Pie Chart</h2></td> </tr> <tr> <td valign="top" class="text"><p>In our previous example (<span class="codeInline">My first chart</span>), we had created a column chart to show the monthly sales summary. Here, we'll quickly convert this chart into a 3D Pie chart. </p> <p>To convert a chart type, all you need to do is change the SWF file that you're using. e.g., if you're using a single series Column Chart, just changing the SWF file to Single Series Pie Chart would change the chart output to a pie - XML data remaining the same. Let's quickly see the changes we need to make. </p> <p>For this example, create a copy of <span class="codeInline">Chart.html</span> and save it as <span class="codeInline">PieChart.html</span> in the same folder. And, finally edit the HTML code to reflect the following changes:<br /> <br /> </p></td> </tr> <tr> <td valign="top" class="codeBlock"><html><br /> <body bgcolor="#ffffff"><br /> <OBJECT classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase=http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0" width="600" height="500"<strong> id="Pie3D"</strong> ><br /> <param name="movie" value="../FusionCharts/<strong>FCF_Pie3D.swf</strong>" /><br /> <param name="FlashVars" value="&dataURL=Data.xml&chartWidth=600&chartHeight=500"><br /> <param name="quality" value="high" /><br /> <embed src="../FusionCharts/<strong>FCF_Pie3D.swf</strong>" flashVars="&dataURL=Data.xml&chartWidth=600&chartHeight=500" quality="high" width="600" height="500"<strong> name="Pie3D"</strong> type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" /><br /> </object><br /> </body><br /> </html></td> </tr> <tr> <td valign="top" class="text">In the above code, we've changed the SWF file from <span class="codeInline">FCF_Column3D.swf</span> to <span class="codeInline">FCF_Pie3D.swf</span> and the name of the name to Pie3D. Now, when you view this page in browser, you'll see a pie chart as under:</td> </tr> <tr> <td valign="top" align='center' class="text"><img src="Images/PieChart.jpg" /></td> </tr> <!--tr> <td valign="top" class="highlightBlock">In <a href="http://www.fusioncharts.com"><span class="textBold">FusionCharts v3</span></a>, the commercial version. you can click on any pie slice to slice any pie or drag & rotate the pie chart.</td> </tr--> </table> </body> </html>