More than one chart in html

[fabiom2211]

FusionCharts.

FusionCharts.

Edited July 12, 2010 by Guest

[Sanjukta]

Hi,

Welcome to FusionCharts Forum.

How do I put more than one chart in html?

In case you wish to display several charts on one page, you can do that by including the chart rendering code as many times as the number of charts to be displayed.

 

Please make sure that the div id and the DOM id for each chart is unique. Also, you need to provide separate XML files depending on the chart to be displayed.

Please refer to this section of code to find the way to display a Single-series Bar2D and a Column2D chart simultaneously on the same page.

Ref.- <script type="text/javascript">

  var chart = new FusionCharts("Coulmn2D.swf", "ChartId", "350", "375", "0", "0");

  chart.setDataURL("Column2D.xml");

  chart.render("chartdiv");

 </script> </td>

  <td valign="top" class="text" align="center"> <div id="chartdiv1" align="center"> </div>

  <script type="text/javascript">

  var chart = new FusionCharts("Bar2D.swf", "ChartId", "350", "375", "0", "0");

  chart.setDataURL("Bar2D.xml");

  chart.render("chartdiv1");

  </script> </td>

Hope this helps.

[fabiom2211]

Thank you.

[Sanjukta]

Hi Fabio,

You are always welcome.

Hope that your issue is resolved.

Happy FusionCharting!