62 lines
No EOL
2.1 KiB
JavaScript
62 lines
No EOL
2.1 KiB
JavaScript
/*
|
|
This file is part of Ext JS 3.4
|
|
|
|
Copyright (c) 2011-2013 Sencha Inc
|
|
|
|
Contact: http://www.sencha.com/contact
|
|
|
|
GNU General Public License Usage
|
|
This file may be used under the terms of the GNU General Public License version 3.0 as
|
|
published by the Free Software Foundation and appearing in the file LICENSE included in the
|
|
packaging of this file.
|
|
|
|
Please review the following information to ensure the GNU General Public License version 3.0
|
|
requirements will be met: http://www.gnu.org/copyleft/gpl.html.
|
|
|
|
If you are unsure which license is appropriate for your use, please contact the sales department
|
|
at http://www.sencha.com/contact.
|
|
|
|
Build date: 2013-04-03 15:07:25
|
|
*/
|
|
Ext.chart.Chart.CHART_URL = '../../resources/charts.swf';
|
|
|
|
Ext.onReady(function(){
|
|
var store = new Ext.data.JsonStore({
|
|
fields: ['year', 'comedy', 'action', 'drama', 'thriller'],
|
|
data: [
|
|
{year: 2005, comedy: 34000000, action: 23890000, drama: 18450000, thriller: 20060000},
|
|
{year: 2006, comedy: 56703000, action: 38900000, drama: 12650000, thriller: 21000000},
|
|
{year: 2007, comedy: 42100000, action: 50410000, drama: 25780000, thriller: 23040000},
|
|
{year: 2008, comedy: 38910000, action: 56070000, drama: 24810000, thriller: 26940000}
|
|
]
|
|
});
|
|
|
|
new Ext.Panel({
|
|
width: 600,
|
|
height: 400,
|
|
renderTo: 'container',
|
|
title: 'Stacked Bar Chart - Movie Takings by Genre',
|
|
items: {
|
|
xtype: 'stackedbarchart',
|
|
store: store,
|
|
yField: 'year',
|
|
xAxis: new Ext.chart.NumericAxis({
|
|
stackingEnabled: true,
|
|
labelRenderer: Ext.util.Format.usMoney
|
|
}),
|
|
series: [{
|
|
xField: 'comedy',
|
|
displayName: 'Comedy'
|
|
},{
|
|
xField: 'action',
|
|
displayName: 'Action'
|
|
},{
|
|
xField: 'drama',
|
|
displayName: 'Drama'
|
|
},{
|
|
xField: 'thriller',
|
|
displayName: 'Thriller'
|
|
}]
|
|
}
|
|
});
|
|
}); |