source: trunk/web/addons/job_monarch/lib/extjs-30/examples/chart/stacked-bar-chart.js @ 625

Last change on this file since 625 was 625, checked in by ramonb, 15 years ago

lib/extjs-30:

  • new ExtJS 3.0
File size: 1.6 KB
Line 
1/*!
2 * Ext JS Library 3.0.0
3 * Copyright(c) 2006-2009 Ext JS, LLC
4 * licensing@extjs.com
5 * http://www.extjs.com/license
6 */
7Ext.chart.Chart.CHART_URL = '../../resources/charts.swf';
8
9Ext.onReady(function(){
10    var store = new Ext.data.JsonStore({
11        fields: ['year', 'comedy', 'action', 'drama', 'thriller'],
12        data: [
13                {year: 2005, comedy: 34000000, action: 23890000, drama: 18450000, thriller: 20060000},
14                {year: 2006, comedy: 56703000, action: 38900000, drama: 12650000, thriller: 21000000},
15                {year: 2007, comedy: 42100000, action: 50410000, drama: 25780000, thriller: 23040000},
16                {year: 2008, comedy: 38910000, action: 56070000, drama: 24810000, thriller: 26940000}
17              ]
18    });
19   
20    new Ext.Panel({
21        width: 600,
22        height: 400,
23        renderTo: 'container',
24        title: 'Stacked Bar Chart - Movie Takings by Genre',
25        items: {
26            xtype: 'stackedbarchart',
27            store: store,
28            yField: 'year',
29            xAxis: new Ext.chart.NumericAxis({
30                stackingEnabled: true,
31                labelRenderer: Ext.util.Format.usMoney
32            }),
33            series: [{
34                xField: 'comedy',
35                displayName: 'Comedy'
36            },{
37                xField: 'action',
38                displayName: 'Action'
39            },{
40                xField: 'drama',
41                displayName: 'Drama'
42            },{
43                xField: 'thriller',
44                displayName: 'Thriller'
45            }]
46        }
47    });
48});
Note: See TracBrowser for help on using the repository browser.