O'Reilly logo

FusionCharts by Shamasis Bhattacharya, Pallav Nadhani, Sanket Nadhani

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Time for action — creating a multi-series chart

  1. Create a copy of FirstChart.html in the FirstChart folder and name it as MultiSeriesChart.html.
  2. Change the following lines of code, as highlighted:
    <html>
    <body>
    <div id="chartContainer">FusionCharts will load here!</div>
    <script type="text/javascript">
    <!-- var myChart = new FusionCharts("../FusionCharts/MSColumn3D.swf", "myChartId", "400", "300", "0", "1" ); myChart.setXMLUrl("MSData.xml"); 
    myChart.render("chartContainer");// -->
    </script>
    </body>
    </html>
    
  3. Create a copy of Data.xml in the same folder and rename the copy to MSData.xml. Write the following XML in this file and save it.
    <chart caption='Harry&apos;s SuperMart' subcaption='Revenue by Year' xAxisName='Year' yAxisName='Amount' numberPrefix='$' ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required