Extjs-Flash报表 饼状图
来源:互联网 发布:linux根目录是什么 编辑:程序博客网 时间:2024/06/18 10:53
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 : 'piechart', url : '<%=rootpath%>/ext/resources/charts.swf', store : store, categoryField : 'month', dataField : 'number' }]});var vp = new Ext.Viewport({items : [p]});}); </script> </head> <body> </body></html>
- Extjs-Flash报表 饼状图
- Extjs-Flash报表 柱状图
- Extjs-Flash报表 横向柱状图
- Extjs-Flash报表 折线图
- Extjs-Flash报表 混合图
- Extjs-Flash报表 柱状栈图
- Extjs-Flash报表 横向柱状栈图
- ExtJS 3.0 中的Flash报表的使用之一:柱状图、横向柱状图、折线图、饼状图
- Extjs报表
- flash报表
- extjs 之panel嵌入flash饼状图
- flash报表比较
- jasperreports报表Flash展现
- Highcharts 基于ExtJs的报表
- Flash报表控件(FusionCharts) 使用
- jasperreports flash预览报表功能
- Flash报表控件(FusionCharts) 使用
- ExtJS+SpringMVC+jasperReport联合报表开发
- Android创建桌面快捷方式两种方法
- 池子法 邻接表建图
- Actionscript3 文件上传组件制作
- Qsys学习笔记2
- jquery ---- getXml文件(遍历显示其中某个节点下的内容)
- Extjs-Flash报表 饼状图
- glib中GTrashStack小计
- [Happy DSA] rope算法学习
- html a target
- javascript正则表达式之$1...$9
- linux 下route命令
- cocos2d-x 动作效果代码集锦
- Swing在进行LookAndFeel切换时异常的解决方法
- [Happy GLIB] glib的slab算法实现学习