X-Git-Url: http://git.ithinksw.org/extjs.git/blobdiff_plain/ee06f37b0f6f6d94cd05a6ffae556660f7c4a2bc..c930e9176a5a85509c5b0230e2bff5c22a591432:/docs/source/reload-chart.html
diff --git a/docs/source/reload-chart.html b/docs/source/reload-chart.html
new file mode 100644
index 00000000..4a37ada2
--- /dev/null
+++ b/docs/source/reload-chart.html
@@ -0,0 +1,53 @@
+
+
+ The source code
+
+
+
+
+ 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