Create New Item
Item Type
File
Folder
Item Name
Search file in folder and subfolders...
Are you sure want to rename?
File Manager
/
PC-20260403043447
/
PHPClassAPI
:
StackedChart.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" type="text/css" href="../Style.css"> </head> <body> <table width="98%" border="0" cellspacing="0" cellpadding="3" align="center"> <tr> <td><h2 class="pageHeader">FusionCharts PHP Class API > Creating Stacked Chart </h2></td> </tr> <tr> <td valign="top" class="text"><p>FusionCharts Free v2 offers Stacked Chart – a type of Multi-series chart where multiple datasets are stacked one above the other in each column. Look at the image below; this is how a Stacked Chart looks like:</p></td> </tr> <tr> <td valign="top" class="text"><img src="Images/PHPClassStacked.jpg" width="351" height="276" class="imageBorder" /></td> </tr> <tr> <td valign="top" class="text"> </td> </tr> <tr> <td valign="top" class="highlightBlock" ><p><strong>Before you go further with this page, we recommend you to please see the previous pages "Creating First Chart " & "Creating Multi-series chart" as we start off from concepts explained in that page. </strong></p></td> </tr> <tr> <td valign="top" class="text"> </td> </tr> <tr> <td valign="top" class="text"><p>The process of generating Stacked chart is same as Multi-series chart. The only difference is here we need to specify a different chart type. Open and modify the Mulit-series chart you have created in the previous page thus:</p></td> </tr> <tr> <td valign="top" class="codeBlock"><p><?php</p> <p> <span class="codeComment"># Include FusionCharts PHP Class</span><br /> include('../Class/FusionCharts_Gen.php');</p> <p><span class="codeComment"> # Create <strong>Stacked Column3D</strong> chart object using FusionCharts PHP Class </span><br /> $FC = new FusionCharts("<strong>StackedColumn3D</strong>","350","300"); <br /> <br /> <span class="codeComment"># Set the relative path of the swf file</span><br /> $FC->setSWFPath("../FusionCharts/");</p> <p><br /> ...<br /> </p></td> </tr> <tr> <td valign="top" class="text"> </td> </tr> <tr> <td valign="top" class="text"><p>As you can see, we have only chaged the chart type to <span class="codeInline">stackedColumn3D </span>while creating the chart object : </p> <p><span class="codeInline">$FC = new FusionCharts(<strong>"StackedColumn3D"</strong>,"350","300");</span></p> <p>This does the trick and you will see that instead of a multiseries chart we render a stacked chart. </p></td> </tr> <tr> <td valign="top" class="text"><p> </p> </td> </tr> <tr> <td valign="top" class="highlightBlock">Please go through <a href="Functions.html">FusionCharts PHP Class API Reference</a> section to know more about the functions used in the above code. </td> </tr> <tr> <td valign="top" class="text"> </td> </tr> <tr> <td valign="top" class="text">Here comes the output: </td> </tr> <tr> <td valign="top" class="text"><img src="Images/PHPClassStacked.jpg" width="351" height="276" class="imageBorder" /></td> </tr> <tr> <td valign="top" class="text"> </td> </tr> </table> </body> </html>