Code:
Ext.chart.Chart.CHART_URL = 'ext-3.3.0/resources/charts.swf';
Ext.onReady(function () {
var store3 = new Ext.data.JsonStore({
fields: ['name', 'visits', 'views'],
data: [
{ name: '07 07', visits: 245000, views: 3000000 },
{ name: '08 07', visits: 240000, views: 3500000 },
{ name: '09 07', visits: 355000, views: 4000000 },
{ name: '10 07', visits: 375000, views: 4200000 },
{ name: '11 07', visits: 490000, views: 4500000 },
{ name: '12 07', visits: 495000, views: 5800000 },
{ name: '01 08', visits: 520000, views: 6000000 },
{ name: '02 08', visits: 620000, views: 7500000 }
]
});
var chart = new Ext.Panel({
title: '',
width: 700,
height: 300,
layout: 'fit',
items: {
xtype: 'linechart',
store: store3,
xField: 'name',
yField: 'visits',
listeners: {
itemclick: function (o) {
var rec = store.getAt(o.index);
Ext.example.msg('Item Selected', 'You chose {0}.', rec.get('name'));
}
}
}
});
var checkGroup = {
xtype: 'fieldset',
title: 'Checkbox Groups (initially collapsed)',
autoHeight: true,
layout: 'column',
items: [{
xtype: 'checkboxgroup',
fieldLabel: 'Single Column',
itemCls: 'x-check-group-alt',
// Put all controls in a single column with width 100%
columns: 1,
items: [
{ boxLabel: 'Item 1', name: 'cb-col-1' },
{ boxLabel: 'Item 2', name: 'cb-col-2', checked: true },
{ boxLabel: 'Item 3', name: 'cb-col-3' }
]
}]
};
var fp = new Ext.FormPanel({
title: '',
renderTo: 'form-ct',
frame: true,
labelWidth: 110,
bodyStyle: 'padding:0 10px 0;',
items: [
{
layout: 'column',
border: false,
defaults: {
columnWidth: '.5',
border: false
},
items: [checkGroup, chart]
}
]
});
});
Thanks