将基于flash的图形转换为基于fusioncharts的javaScript

Posted 2021-03-30

我正在使用fusioncharts 3.2.1并且我创建了一个使用Flash的图表，现在我已经将fusioncharts升级到版本3.12.2并且我想使用javascript运行它。我做了一个小改动，我认为它会起作用，但它没有显示任何图表，它显示“无数据显示”。

我需要做哪些改变？

这是我以前的代码

var chart = new FusionCharts("<c:url value="/Charts/MSBar2D.swf"/>", "ChartId", width, height, "0", "0");
chart.setDataXML(chartData);
chart.render("chartdiv");

Chartdata：

<chart palette='2' shownames='1' showvalues='1' showSum='1' decimals='2' useRoundEdges='1' formatNumber='1'>
<categories>
    <set label='aaaaaaa'/>
    <set label='Bbbbb&#8217;s Hardware & Tools'/>
    <set label='Ccccc&#8217;s Bar &amp; Coffee Cafe'/>
    <set label='Imp&#8217;s Delite'/>
    <set label='qqqq'/>
</categories>
<dataset color='8EAC41' seriesName='12/13/2017'>
    <set value='0.0' />
    <set value='0.0' />
    <set value='0.0' />
    <set value='0.0' />
    <set value='0.0' />
</dataset>

这是我的新代码：

var chart = new FusionCharts("msbar2D", "ChartId", width, height, "0", "0");
chart.setDataXML(chartData);
chart.render("chartdiv");

答案

XML数据源格式不是有效的格式。

请查看代码以供参考 - FusionCharts.ready(function() { var revenueChart = new FusionCharts({ type: 'msbar2d', renderAt: 'chart-container', width: '500', height: '300', dataFormat: 'xml', dataSource: '<chart palette="2" shownames="1" showvalues="1" showsum="1" decimals="2" useroundedges="1" formatnumber="1"><categories><category label="aaaaaaa" /><category label="Annie’s Bar &amp; Wine" /><category label="Annie&#8217;s Bakery &amp; Coffee Cafe" /><category label="Imp&#8217;s Delite" /><category label="qqqq" /></categories><dataset color="8EAC41" seriesname="12/13/2017"><set value="0.0" /><set value="0.0" /><set value="0.0" /><set value="0.0" /><set value="0.0" /></dataset></chart>' }) .render(); });

样本 - http://jsfiddle.net/nh6yLn7u/希望这会有所帮助。