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

Question

我使用的是 fusioncharts 3.2.1，我创建了一个使用 Flash 的图形，现在我已经将 fusioncharts 升级到版本 3.12.2，我想运行它使用 JavaScript。我做了一个小改动，我认为它会起作用，但它没有显示任何图表，它显示 'No data to display'。

我需要做哪些改变？

这是我之前的代码

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

图表数据：

<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");

Answer 1

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 & Wine" /><category label="Annie’s Bakery & Coffee Cafe" /><category label="Imp’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/ 希望这有帮助。

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

Convert flash based graph to javaScript based in fusioncharts

javascript

flash

fusioncharts