Hello I am working on extjs...I want to add extjs line chart into panel I tried the following code

var dataa = [['Ext JS',115000],['jQuery',250100],['Prototype',150000],['mootools',75000],['YUI',95000],['Dojo',20000],['Sizzle',15000]];

var storea = new Ext.data.ArrayStore({
fields:[{name:'framework'},{name:'users', type:'float'}]
});
storea.loadData(dataa);

var lineChart = new Ext.chart.LineChart({
store: storea,
xField: 'framework',
yField: 'users'
});

var panel2 = new Ext.Panel({
title: 'Line chart example',
items:[lineChart]
});




and displayed in portal as

id: 'col-1',
items: [
{
id: 'portlet-11',
title: 'xml CHART',
tools: this.getTools(),
items: [ panel2 ],
height : 300
},

but it will not display chart & error pops up

> surface = me.chart.surface,

when i am create grid it wii display in portal panel

var lineChart = Ext.create('Ext.grid.Panel', {
store: storea,
columns: [
{text: "a", dataIndex: 'framework', sortable: true},
{text: "b", dataIndex: 'users', sortable: true}
]
});
but line chart not display.

I tried a lot but cant solve the issue
also include all libraries in viewport`'Ext.chart.Chart','Ext.chart.*',`



can anyone tell me how to solve the problem


thanks