Search code examples
c#javascriptfusioncharts

How to draw multi-series column chart in FusionCharts


I am developing a web application using asp.net c# and drawing graphs using FusionCharts. I need to draw a multi-series column chart for which i tries the following code, but in vain

<div id="chartContainer"></div>
<script type="text/javascript">

        var myChart = new FusionCharts("Column3D", "myChartId", "400", "300");
        myChart.setXMLUrl("Data8.xml");
        myChart.render("chartContainer"); 

    </script>
Data8.xml
----------

<chart caption='Sales by Product' numberPrefix='$' formatNumberScale='1' rotateValues='1' placeValuesInside='1' decimals='0' ><categories>
  <category label='Product A' />
  <category label='Product B' />
  <category label='Product C' />
  <category label='Product D' />
  <category label='Product E' />
  <category label='Product F' />
</categories><dataset seriesName='Current Year'>
  <set value='567500' />
  <set value='815300' />
  <set value='556800' />
  <set value='734500' />
  <set value='676800' />
  <set value='648500' />
</dataset><dataset seriesName='Previous Year'>
  <set value='547300' />
  <set value='584500' />
  <set value='754000' />
  <set value='456300' />
  <set value='754500' />
  <set value='437600' />
</dataset></chart>

Please help me to do this...


Solution

  • Try to modify:

     var myChart = new FusionCharts("Column3D", "myChartId", "400", "300");
    

    With:

     var myChart = new FusionCharts("MSColumn3D", "myChartId", "400", "300"); 
    

    Column3D is for a single serie, and MSColumn3D is for Multi-series.