ext图表小例子柱状图

最新推荐文章于 2020-08-26 17:27:26 发布

kinmet2010

最新推荐文章于 2020-08-26 17:27:26 发布

阅读量4.9k

点赞数

分类专栏： ext-flex 文章标签： ext licensing function library url 2010

本文链接：https://blog.csdn.net/kinmet2010/article/details/5949222

版权

ext-flex 专栏收录该内容

6 篇文章 0 订阅

订阅专栏

/*! * Ext JS Library 3.3.0 * Copyright(c) 2006-2010 Ext JS, Inc. * licensing@extjs.com * http://www.extjs.com/license */ //图表的数据来源 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' }), extraStyle: { xAxis: { labelRotation: -90 } } } }); });

结果