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

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

还要引入funsionchart发的.js文件

 function bulidColumn2(json){
var chart={};
var column={};
chart.caption="名称";
chart.showborder="1";
chart.imagesave="1";
//chart.numberScaleValue="10000";(划算为万,eg:10万)
//chart.numberScaleUnit="万";
//
var data=[];
var dd={};
for(var i=0;i<json.length;i++){ //获取json对象的个数,是这样的,action之后后台return的是json,所以要用eval解析,然后再使用
dd={};
dd.label=json[i].id;//label(其中id为字段的值,显示的效果是x轴的各个值)
dd.value=json[i].id;//值(其中id为json中表单字段的id,显示效果的是x轴柱线上对应的各个数据值)
dd.issliced=1;
data.push(dd);
}
column.chart=chart;
column.data=data;
//
var myChart = new FusionCharts("<%=basePath %>fusionCharts/charts/Column3D.swf", "ChartId", "100%", "100%");
myChart.setJSONData(column);
myChart.render("column2");
}

效果如下:

最新文章

  1. CentOs6.5下安装svn
  2. Html5上传后有所见图片效果前端代码实现
  3. 转:python字符串/元组/列表/字典互转
  4. Python基础:1.数据类型(字典)
  5. CocoaPods详解之----进阶篇
  6. POJ1276:Cash Machine(多重背包)
  7. python模块介绍- xlwt 创建xls文件(excel)
  8. java.net.UnknownHostException 异常解决方案
  9. R语言︱SNA-社会关系网络 R语言实现专题(基础篇)(一)
  10. Vfox数据库导出EXCEL,含有备注型子段
  11. 前端 ---JS中的面向对象
  12. 不常用的vi命令
  13. Axure RP Pro7.0的key注册码加汉化非破解
  14. Spring.Net快速入门:控制翻转、依赖注入、面向切面编程
  15. ASP.Net WebAPI中添加helppage帮助页面
  16. MySQL InnoDB加锁超时回滚机制(转)
  17. log4j的基本使用方法
  18. 安装scrapy报错 error: Microsoft Visual C++ 14.0 is required. Get it with &quot;Microsoft Visual C++ Build Tools&quot;: http://landinghub.visualstudio.com/visual-cpp-build-tools
  19. React-Native项目中使用Redux
  20. Oracle Client 10g (instantclient) 精简版安装

热门文章

  1. 42.global bucket的使用:单个品牌与所有品牌销量对比
  2. Jupyter Notebook 下安装 PHP 内核
  3. 第六节:numpy之数组拼接
  4. Java基础学习总结(71)——深入理解Java虚拟机内存
  5. Struts2 值栈总结(ValueStack)
  6. [BZOJ 4999]This Problem Is Too Simple!
  7. [bzoj1634][Usaco2007 Jan]Protecting the Flowers 护花_贪心
  8. 洛谷——P1034 矩形覆盖
  9. CODEVS——T 1049 棋盘染色
  10. 使用markdown和gitblog搭建自己的博客