Chart Series

[a.ti]

Hi all,

i am trying to use the chart Extension in 3.0 rc2. We all looked forward for that. It's great work. But nevertheless i need some help. Can someone explain me why my LineSeries are not working ?

This is my Code :

var seriesDefA = Ext.chart.LineSeries({
displayName: 'Chart2', yField: 'views' } );

var seriesDefB = Ext.chart.LineSeries({
displayName: 'Chart1', yField: 'visits' } );


var store = new Ext.data.JsonStore({
fields:['name', 'visits', 'views' ],
data: [
{name:'Jul 07', visits: 245000, views: 3000000},
{name:'Aug 07', visits: 240000, views: 3500000},
{name:'Sep 07', visits: 355000, views: 4000000},
{name:'Oct 07', visits: 375000, views: 4200000},
{name:'Nov 07', visits: 490000, views: 4500000},
{name:'Dec 07', visits: 495000, views: 5800000},
{name:'Jan 08', visits: 520000, views: 6000000},
{name:'Feb 08', visits: 62000, views: 7500000},
{name:'Jul 07', visits: 5000, views: 30000},
{name:'Aug 07', visits: 24000, views: 35000},
{name:'Sep 07', visits: 35500, views: 40000},
{name:'Oct 07', visits: 37500, views: 42000},
{name:'Nov 07', visits: 49000, views: 45000},
{name:'Dec 07', visits: 49500, views: 58000},
{name:'Jan 08', visits: 52000, views: 60000},
{name:'Feb 08', visits: 62000, views: 75000}
]
});

// extra extra simple
var chartPanel = new Ext.Panel({
title: 'ExtJS.com Visits Trend, 2007/2008 (No styling)',
//renderTo: 'repPanel',
width:500,
height:300,
region:'center',
layout:'border',

items: [chartTb,{
xtype: 'linechart',
store: store,
series: [seriesDefA, seriesDefB],
xField: 'name',
region:'center',
listeners: {
itemclick: function(o){
var rec = store.getAt(o.index);
Ext.example.msg('Item Selected', 'You chose {0}.', rec.get('name'));
}
}
}]
});


I would be very Greatful for that :)

Many Thanks

a.ti