/*!
- * Ext JS Library 3.0.0
- * Copyright(c) 2006-2009 Ext JS, LLC
+ * Ext JS Library 3.2.0
+ * Copyright(c) 2006-2010 Ext JS, Inc.
* licensing@extjs.com
* http://www.extjs.com/license
*/
-function generateData(){\r
- var data = [];\r
- for(var i = 0; i < 12; ++i){\r
- data.push([Date.monthNames[i], (Math.floor(Math.random() * 11) + 1) * 100]);\r
- }\r
- return data;\r
-}\r
-\r
-Ext.onReady(function(){\r
- var store = new Ext.data.ArrayStore({\r
- fields: ['month', 'hits'],\r
- data: generateData()\r
- });\r
- \r
- new Ext.Panel({\r
- width: 700,\r
- height: 400,\r
- renderTo: document.body,\r
- title: 'Column Chart with Reload - Hits per Month',\r
- tbar: [{\r
- text: 'Load new data set',\r
- handler: function(){\r
- store.loadData(generateData());\r
- }\r
- }],\r
- items: {\r
- xtype: 'columnchart',\r
- store: store,\r
- yField: 'hits',\r
- xField: 'month',\r
- xAxis: new Ext.chart.CategoryAxis({\r
- title: 'Month'\r
- }),\r
- yAxis: new Ext.chart.NumericAxis({\r
- title: 'Hits'\r
- }),\r
- extraStyle: {\r
- xAxis: {\r
- labelRotation: -90\r
- }\r
- }\r
- }\r
- });\r
-});
\ No newline at end of file
+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
+ }
+ }
+ }
+ });
+});