做了一个简单的extjs chart练习,数据是从struts后台得到的,一点注意的就是jsonstore的autoLoad属性要设置成true
ChartPanel = Ext.extend(Ext.Panel,{
mydocumentChart:null,
constructor:function() {
this.mydocumentChart = new DocumentChart();
ChartPanel.superclass.constructor.call(this,{
width:600,
height:300,
frame:true,
layout:"fit",
renderTo:"chartPanel",
items:[this.mydocumentChart]
});
}
});
/*****************************************************************************************/
DocumentChart = Ext.extend(Ext.chart.ColumnChart,{
myChartStore:null,
constructor:function() {
this.myChartStore = new ChartStore();
DocumentChart.superclass.constructor.call(this,{
store:this.myChartStore,
url:"ext/resources/charts.swf",
xField:"department",
yField:"documentNumber"
});
}
});
/*****************************************************************************************/
ChartStore = Ext.extend(Ext.data.JsonStore,{
constructor:function() {
ChartStore.superclass.constructor.call(this,{
autoLoad:true,
url:"http://139.28.96.10:8080/premanagement3/secure/chart",
root:"documentCounts",
fields:["department","documentNumber"]
});
}
});
分享到:
相关推荐
EXTJS 折线 chart action 代码示例 1.远程加载数据(两种方法) 2.本地加载数据 3.完整示例,实例 4.后台为JAVA代码
extjs chart highchart hede hodo
Extjs4.2 Chart柱状图实例。
sencha官网中ext4中关于曲线图的内容!!!!!
简化版,仅包含的Test.js 博文链接:https://atian25.iteye.com/blog/432513
完整源码 博文链接:https://atian25.iteye.com/blog/433882
Ext.ux.GoogleChart extjs插件Ext.ux.GoogleChart extjs插件
经过一周的时间终于做出来了,此文件代码主要的是实现动态切换 chart line ,tips 显示数据的饼状图和grids,难点在作用域的实现需要的有一定的js基础,(因开发的原因后台代码未上传,基于json的传输,SQL是...
支持富客户端extjs技术 绚丽的报表图形
Extjs4 中Line chart使用Ajax数据源绘图,具体请参考文章http://blog.csdn.net/cl11404303/archive/2011/05/31/6457951.aspx
一个比较实用的CHart控件例子,比较适合初学者。
chart1.dataSource = 此处为一个Table。 chart1.Title = "IHC Notebook Products /VPM PSG Team Level of Availablity %(LOS)"; chart1.Caption_Y = "LOA"; chart1.Caption_X = "Week"; chart1.MajorUnit = 0.1;...
一个很好用的Dundas Chart 组件
进行WPF上位机开发没有找到合适的chart绘图控件,所以就自己写了一个,目前还不够完善,后续会继续完善
在个一个chart控件内画出多条曲线,并分别设置属性
自定义chart 显示多种图例 可以好好学习下
vue-charts 是ChartJs图表一个的Vue2.0封装
Open Flash Chart - Open Flash Chart 是一个 Flash 图表组件,很容易安装,提供以下语言的API: PHP, Perl, Python, Java, Ruby on Rails, and .Net 来控制图表。 ? AmCharts - AmCharts 是一个动画交互Flash图表...
这个项目里面包含了本人从开始初学EXTJS4的全部事例:grid、tree、chart图表、文件上传、mvc、还有用户信息注册。里面的一些难点、要点都加了注释,还有一个file.txt文件是本人的小小总结,还没完整。我也是一个第一...