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'}]

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

var panel2 = new Ext.Panel({
title: 'Line chart example',

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