Category

Development Platform
Home > SourceCode/Document > Java Develop > JavaScript > View Code
reload-chart.js
Package: ext-3.1.0.zip　[view]
Upload User: dawnssy
Upload Date: 2022-08-06
Package Size: 9345k
Code Size: 1k
Category:

JavaScript

Development Platform:

JavaScript

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