zoukankan      html  css  js  c++  java
  • fusionchart简单demo柱状图

    本篇是柱状图,想要折线图的话,只要改变.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 }

     效果如下:

  • 相关阅读:
    博客作业03--栈和队列
    博客作业02---线性表
    博客作业01-抽象数据类型
    C语言最后一次作业--总结报告
    C语言博客作业--函数嵌套调用
    java课程设计——2048
    博客作业06--图
    博客作业05--查找
    博客作业04--树
    博客作业03--栈和队列
  • 原文地址:https://www.cnblogs.com/m-xy/p/3447196.html
Copyright © 2011-2022 走看看