Extjs-Flash报表 柱状图
来源:互联网 发布:网络功能性需求分析 编辑:程序博客网 时间:2024/06/13 05:48
1.效果图
2.list.jsp
<%@ page language="java" pageEncoding="UTF-8"%><%request.setCharacterEncoding("UTF-8");response.setCharacterEncoding("UTF-8");String json = "{totalProperty : 10,root:["+"{month:'1月', number: 20},"+"{month:'2月', number: 80},"+"{month:'3月', number: 50},"+"{month:'4月', number: 60},"+"{month:'5月', number: 45},"+"{month:'6月', number: 70},"+"{month:'7月', number: 80},"+"{month:'8月', number: 60},"+"{month:'9月', number: 40},"+"{month:'10月', number: 30},"+"{month:'11月', number: 55},"+"{month:'12月', number: 32}]}";System.out.print(json);response.getWriter().write(json);%>
3.index.jsp
<%@ page language="java" pageEncoding="UTF-8"%><%String rootpath = request.getContextPath();%><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html> <head><link rel="stylesheet" type="text/css" href="<%=rootpath%>/ext/resources/css/ext-all.css"/><script type="text/javascript" src="<%=rootpath%>/ext/adapter/ext/ext-base.js"></script><script type="text/javascript" src="<%=rootpath%>/ext/ext-all.js"></script><script type="text/javascript" src="<%=rootpath%>/ext/ext-lang-zh_CN.js"></script><script type="text/javascript">Ext.onReady(function(){Ext.QuickTips.init();Ext.BLANK_IMAGE_URL = '<%=rootpath%>/ext/resources/images/default/s.gif';var record = new Ext.data.Record.create([{name : 'month'},{name : 'number'}]);var store = new Ext.data.Store({proxy : new Ext.data.HttpProxy({url : 'list.jsp'}),reader : new Ext.data.JsonReader({totalProperty : 'totalProperty',root : 'root',fields: record})});store.load();var p = new Ext.Panel({title : '月份访问量', width : 500, height : 300, items : [{ xtype : 'columnchart', url : '<%=rootpath%>/ext/resources/charts.swf', store : store, xField : 'month', yField : 'number' }]});var vp = new Ext.Viewport({items : [p]});}); </script> </head> <body> </body></html>
- Extjs-Flash报表 柱状图
- Extjs-Flash报表 横向柱状图
- ExtJS 3.0 中的Flash报表的使用之一:柱状图、横向柱状图、折线图、饼状图
- Extjs-Flash报表 饼状图
- Extjs-Flash报表 折线图
- Extjs-Flash报表 混合图
- Extjs-Flash报表 柱状栈图
- Extjs-Flash报表 横向柱状栈图
- 使用amCharts工具做报表的小记 flash报表 饼图 柱状图 折线图
- 使用amCharts工具做报表的小记 flash报表 饼图 柱状图 折线图
- ExtJs 绘制柱状图
- extjs建立jfreechart柱状图
- Extjs报表
- 统计报表分析柱状图
- flex报表----柱状图
- Highcharts报表之柱状图
- 水晶报表生成柱状图
- 柱状图,饼状图,报表插件
- 理解oracle ROWID
- 软件开发团队的“基础设施”建设
- 类模板知识点梳理
- tomcat和eclipse jdk版本冲突问题
- VC2005-"应用程序正常初始化失败"-0xc0150002(转载)
- Extjs-Flash报表 柱状图
- 非类型模板参数知识点梳理
- 存储过程02
- java 压缩文件zip
- POJ 2524 Ubiquitous Religions
- 非类型模板参数知识点梳理
- DSP之中断总结篇
- [shell] Find必杀技巧(全面撑握find使用)
- 视觉中国潘凡谈MongoDB应用实践