Tiny File Manager

Back Back Up Normal Editor

<?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 multiple charts in one page </h2></td> </tr> <tr> <td valign="top" class="text">While developing web pages or applications, we may need to display multiple charts on the same page. For example, reporting Weekly Sales Qunatity along with Revenue gives us a better insight. Let's see how we can accomplish this using FusionCharts PHP Class. The code below generates two Column 3D charts on the same page. </td> </tr> <tr> <td valign="top" > </td> </tr> <tr> <td valign="top" class="highlightBlock" >Before you go further with this page, we recommend you to please see the previous page "Creating First Chart " as we start off from concepts explained in that page. </td> </tr> <tr> <td valign="top" > </td> </tr> <tr> <td valign="top" class="codeBlock"><?php   # Include FusionCharts PHP Class   include('../Class/FusionCharts_Gen.php');   //---------- Configuring First Chart ----------//   # Create Column3D chart object   $FC = new FusionCharts("Column3D","300","250");   # set the relative path of the swf file   $FC->setSWFPath("../FusionCharts/");   # Store chart attributes in a variable   $strParam="caption=Weekly Sales;subcaption=Revenue;xAxisName=Week;yAxisName=Revenue;numberPrefix=$;decimalPrecision=0";   # Set chart attributes   $FC->setChartParams($strParam);   # Add chart values and category names for the First Chart   $FC->addChartData("40800","name=Week 1");   $FC->addChartData("31400","name=Week 2");   $FC->addChartData("26700","name=Week 3");   $FC->addChartData("54400","name=Week 4");   //---------------------------------------------------------   //---------- Configuring Second Chart ----------//   # Create another Column3D chart object   $FC2 = new FusionCharts("Column3D","300","250");   # set the relative path of the swf file   $FC2->setSWFPath("../FusionCharts/");   # Store chart attributes in a variable   $strParam="caption=Weekly Sales;subcaption=Quantity;xAxisName=Week;yAxisName=Quantity;decimalPrecision=0";   # Set chart attributes   $FC2->setChartParams($strParam);   # Add chart values and category names for the second chart   $FC2->addChartData("32","name=Week 1");   $FC2->addChartData("35","name=Week 2");   $FC2->addChartData("26","name=Week 3");   $FC2->addChartData("44","name=Week 4");   //-------------------------------------------------------- ?> <html>   <head>     <title>First Chart Using FusionCharts PHP Class</title>     <script language='javascript' src='../FusionCharts/FusionCharts.js'></script>   </head>   <body>     <?       # Render First Chart       $FC->renderChart();       # Render Second Chart       $FC2->renderChart();     ?>   </body> </html></td> </tr> <tr> <td valign="top" class="text">Let's go through the steps involved in this code: <ul type="disc"> <li>Include FusionCharts_Gen.php. </li> <li>Create object for the First Chart that shows weekly revenue report. $FC = new FusionCharts("Column3D","300","250"); </li> <li>Set relative path for the SWF file. $FC->setSWFPath("../FusionCharts/"); </li> <li> Set attributes for the first chart using setChartParams() function. $strParam="caption=Weekly Sales;subcaption=Revenue;xAxisName=Week;yAxisName=Revenue;numberPrefix=$;decimalPrecision=0"; $FC->setChartParams($strParam); </li> <li>Add data values for this chart. $FC->addChartData("40800","name=Week 1"); $FC->addChartData("31400","name=Week 2"); $FC->addChartData("26700","name=Week 3"); $FC->addChartData("54400","name=Week 4"); </li> <li>Now, the same steps are repeated for the Second Chart, i.e., the 'units sold' chart. Create object for this chart. $FC2 = new FusionCharts("Column3D","300","250"); </li> <li>Set relative path for the SWF file. $FC2->setSWFPath("FusionCharts/"); </li> <li>Set attributes for the first chart using setChartParams() function. $strParam="caption=Weekly Sales;subcaption=Quantity;xAxisName=Week;yAxisName=Quantity;decimalPrecision=0"; $FC2->setChartParams($strParam); </li> <li>Add data values for the second chart. $FC2->addChartData("32","name=Week 1"); $FC2->addChartData("35","name=Week 2"); $FC2->addChartData("26","name=Week 3"); $FC2->addChartData("44","name=Week 4"); </li> <li>Include FusionCharts.js. </li> <li>Finally, render the 2 charts using renderChart() function. $FC->renderChart(); $FC2->renderChart(); </li> </ul> </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 is the output. Both the charts have been rendered on same page.</td> </tr> <tr> <td valign="top" class="text"><img src="Images/PHPClassMultiCharts.jpg" class="imageBorder" /> </td> </tr> <tr> <td valign="top" class="text"> </td> </tr> </table> </body> </html>