-Ext.chart.Chart.CHART_URL = '../../resources/charts.swf';\r
-\r
-Ext.onReady(function(){\r
- var store = new Ext.data.JsonStore({\r
- fields: ['season', 'total'],\r
- data: [{\r
- season: 'Summer',\r
- total: 150\r
- },{\r
- season: 'Fall',\r
- total: 245\r
- },{\r
- season: 'Winter',\r
- total: 117\r
- },{\r
- season: 'Spring',\r
- total: 184\r
- }]\r
- });\r
- \r
- new Ext.Panel({\r
- width: 400,\r
- height: 400,\r
- title: 'Pie Chart with Legend - Favorite Season',\r
- renderTo: 'container',\r
- items: {\r
- store: store,\r
- xtype: 'piechart',\r
- dataField: 'total',\r
- categoryField: 'season',\r
- //extra styles get applied to the chart defaults\r
- extraStyle:\r
- {\r
- legend:\r
- {\r
- display: 'bottom',\r
- padding: 5,\r
- font:\r
- {\r
- family: 'Tahoma',\r
- size: 13\r
- }\r
- }\r
- }\r
- }\r
- });\r
+Ext.chart.Chart.CHART_URL = '../../resources/charts.swf';
+
+Ext.onReady(function(){
+ var store = new Ext.data.JsonStore({
+ fields: ['season', 'total'],
+ data: [{
+ season: 'Summer',
+ total: 150
+ },{
+ season: 'Fall',
+ total: 245
+ },{
+ season: 'Winter',
+ total: 117
+ },{
+ season: 'Spring',
+ total: 184
+ }]
+ });
+
+ new Ext.Panel({
+ width: 400,
+ height: 400,
+ title: 'Pie Chart with Legend - Favorite Season',
+ renderTo: 'container',
+ items: {
+ store: store,
+ xtype: 'piechart',
+ dataField: 'total',
+ categoryField: 'season',
+ //extra styles get applied to the chart defaults
+ extraStyle:
+ {
+ legend:
+ {
+ display: 'bottom',
+ padding: 5,
+ font:
+ {
+ family: 'Tahoma',
+ size: 13
+ }
+ }
+ }
+ }
+ });