fusionchart简单demo柱状图

最新推荐文章于 2021-01-28 11:30:19 发布

weixin_30470857

最新推荐文章于 2021-01-28 11:30:19 发布

阅读量83

点赞数

文章标签： json

原文链接：http://www.cnblogs.com/m-xy/p/3447196.html

版权

本篇是柱状图，想要折线图的话，只要改变.swf文件就行。

1 <div id="column2" style="width:240px; height:200px; margin-left:-70px"></div>

还要引入funsionchart发的.js文件

 1 function bulidColumn2(json){
 2         var chart={};
 3         var column={};
 4         chart.caption="名称";
 5         chart.showborder="1";
 6         chart.imagesave="1";
 7         //chart.numberScaleValue="10000";（划算为万，eg：10万）
 8         //chart.numberScaleUnit="万";
 9         //
10         var data=[];
11         var dd={};
12         for(var i=0;i<json.length;i++){

  //获取json对象的个数，是这样的，action之后后台return的是json，所以要用eval解析，然后再使用
13             dd={};
14             dd.label=json[i].id;//label（其中id为字段的值，显示的效果是x轴的各个值）
15             dd.value=json[i].id;//值（其中id为json中表单字段的id，显示效果的是x轴柱线上对应的各个数据值）
16             dd.issliced=1;
17             data.push(dd);
18         }
19         column.chart=chart;
20         column.data=data;
21         //
22         var myChart = new FusionCharts("<%=basePath %>fusionCharts/charts/Column3D.swf", "ChartId", "100%", "100%");
23         myChart.setJSONData(column);
24         myChart.render("column2");
25     }