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

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了将基于flash的图形转换为基于fusioncharts的javaScript相关的知识,希望对你有一定的参考价值。

我正在使用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/希望这会有所帮助。

以上是关于将基于flash的图形转换为基于fusioncharts的javaScript的主要内容,如果未能解决你的问题,请参考以下文章

以编程方式将视频转换为 FLV [关闭]

flash里面,位图动态缩小,如何消除锯齿?

基于matlab从图形坐标转换图像

基于FPGA的目标点的提取与定位系统设计

从基于矢量的字体重建字符

Javaweb office文档在线预览怎么实现!!!