本篇是柱状图,想要折线图的话,只要改变.swf文件就行。
1 <div id="column2" style="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 }
效果如下: