用ExtJS生成报表的时候,如果y轴的值太小的话就看不到数据了,就会造成一种假象,给人一种错觉就是出错了,只看到x轴,看不到y轴和报表里面的内容,其实报表已经生成了,只是看不到而已,所以需要修改y轴的最小值和最大值。
function generateData() {
var data = [];
for (var i = 0; i < 12; ++i) {
data.push([Date.monthNames[i],
(Math.floor(Math.random() * 11) + 1) * 100]);
}
return data;
}
Ext.onReady(function() {
var store = new Ext.data.ArrayStore({
fields : ['month', 'hits'],
data : generateData()
});
new Ext.Panel({
width : 700,
height : 400,
renderTo : document.body,
title : 'Column Chart with Reload - Hits per Month',
tbar : [{
text : 'Load new data set',
handler : function() {
store.loadData(generateData());
}
}],
items : {
xtype : 'columnchart',
store : store,
yField : 'hits',
url : '../../resources/charts.swf',
xField : 'month',
xAxis : new Ext.chart.CategoryAxis({
title : 'Month'
}),
yAxis : new Ext.chart.NumericAxis({
title : 'Hits',
minimum : 1,
maximum : 1500
}),
extraStyle : {
xAxis : {
labelRotation : -90
}
}
}
});
});
其中红色字体部分用于控制Y轴的最小值和最大值。
分享到:
相关推荐
extjs实现报表
extjs写的时间轴,根据时间排序,记录某个时间点发生的事情,
Extjs 中想改变grid 行高,如果只是简单的设置了height的值是可以实现grid 的行高,但是如果使用了插件:rowexpander ,最出现新的问题。 感兴趣的朋友可以试试的。 此文档可以解决你的烦恼,为了找到资源下载,...
Extjs4.2 设置tabpanel当前活动页签的样式
extjs extjs extjs extjs extjs extjs
ExtJs表格点击超链接获取行的值,和各种获取节点值的方法
extJs5.0红色皮肤
EXTJS应用EXTJS应用EXTJS应用EXTJS应用EXTJS应用EXTJS应用
提供了extjs的报表插件的用法[动态和静态皆有]
extjs 简单表格呈现extjs 简单表格呈现extjs 简单表格呈现
extjs 自动为必填项增加提示后缀,如题此js代码可以为必填时使用,样例功能为在必填项后增加红色星号,如: 编码*(当然此星色为红色),也可以修改成其它内容符号、文字等
Extjs4.2 根据不同的数值设置tabpanel行的背景颜色
extjs资料extjs资料extjs资料extjs资料extjs资料
网上搜集到的一些Extjs属性设置相关和部分实例
资源名称:获取ExtjS表格的值_ ExtJS_3.4 cellSelectModel资源截图: 资源太大,传百度网盘了,链接在附件中,有需要的同学自取。
1.提供了extjs-3.2及extjs-3.4的离线包 2.提供了spket的eclipse插件包,plugins和features放入eclipse对应的目录中,启动eclipse即可 3.离线包中包含了ext.jsb2文件,可在eclipse的spket中进行相应的配置,方便开发...
Extjs例子Extjs例子Extjs例子Extjs例子Extjs例子
extjs动态生成表格,前台+后台extjs动态生成表格,前台+后台extjs动态生成表格,前台+后台extjs动态生成表格,前台+后台extjs动态生成表格,前台+后台extjs动态生成表格,前台+后台
类似extjs中viewport的panel viewport只能渲染到body,而这个panel可以渲染到任何html元素,并且这个panel会自动变大!自动填充到最大化
EXTJS 选下拉框,并取得下拉框的值,直接可以打开