X-Git-Url: http://git.ithinksw.org/extjs.git/blobdiff_plain/ee06f37b0f6f6d94cd05a6ffae556660f7c4a2bc..c930e9176a5a85509c5b0230e2bff5c22a591432:/examples/chart/reload-chart.js

diff --git a/examples/chart/reload-chart.js b/examples/chart/reload-chart.js
new file mode 100644
index 00000000..3d1d2605
--- /dev/null
+++ b/examples/chart/reload-chart.js
@@ -0,0 +1,50 @@
+/*!
+ * Ext JS Library 3.0.0
+ * Copyright(c) 2006-2009 Ext JS, LLC
+ * 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',
+            xField: 'month',
+            xAxis: new Ext.chart.CategoryAxis({
+                title: 'Month'
+            }),
+            yAxis: new Ext.chart.NumericAxis({
+                title: 'Hits'
+            }),
+            extraStyle: {
+               xAxis: {
+                    labelRotation: -90
+                }
+            }
+        }
+    });
+});
\ No newline at end of file