• 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 }

     效果如下:

  • 相关阅读:
    Linux之wget命令
    Markdown语法
    Windows实时预览markdown
    Python基础教程,Python入门教程(非常详细)
    【转载】UNICODE与ASCII的区别
    Python之虚拟环境
    Linux文件系统管理
    Linux权限管理
    linux用户和用户组管理
    linux 软件安装
  • 原文地址:https://www.cnblogs.com/m-xy/p/3447196.html
Copyright © 2020-2023  润新知