examples/chart/reload-chart.js

   1 /*!
   2  * Ext JS Library 3.1.0
   3  * Copyright(c) 2006-2009 Ext JS, LLC
   4  * licensing@extjs.com
   5  * http://www.extjs.com/license
   6  */
   7 function generateData(){\r
   8     var data = [];\r
   9     for(var i = 0; i < 12; ++i){\r
  10         data.push([Date.monthNames[i], (Math.floor(Math.random() *  11) + 1) * 100]);\r
  11     }\r
  12     return data;\r
  13 }\r
  14 \r
  15 Ext.onReady(function(){\r
  16     var store = new Ext.data.ArrayStore({\r
  17         fields: ['month', 'hits'],\r
  18         data: generateData()\r
  19     });\r
  20     \r
  21     new Ext.Panel({\r
  22         width: 700,\r
  23         height: 400,\r
  24         renderTo: document.body,\r
  25         title: 'Column Chart with Reload - Hits per Month',\r
  26         tbar: [{\r
  27             text: 'Load new data set',\r
  28             handler: function(){\r
  29                 store.loadData(generateData());\r
  30             }\r
  31         }],\r
  32         items: {\r
  33             xtype: 'columnchart',\r
  34             store: store,\r
  35             yField: 'hits',\r
  36             url: '../../resources/charts.swf',\r
  37             xField: 'month',\r
  38             xAxis: new Ext.chart.CategoryAxis({\r
  39                 title: 'Month'\r
  40             }),\r
  41             yAxis: new Ext.chart.NumericAxis({\r
  42                 title: 'Hits'\r
  43             }),\r
  44             extraStyle: {\r
  45                xAxis: {\r
  46                     labelRotation: -90\r
  47                 }\r
  48             }\r
  49         }\r
  50     });\r
  51 });\r