Extjs lineChart 问题

Question

var chart = Ext.create('Ext.chart.Chart', {
id      : 'lineChart',
animate : true,
store   : reportStore,
axes    : [{
type           : 'Numeric',
position       : 'left',
fields         : ['data'],
grid           : true,
minorTickSteps : 2,
label          : {
fill : '#000'
}
},{
type           : 'Category',
position       : 'bottom',
fields         : ['name'],
minorTickSteps : 1,
label          : {
rotate   : {
degrees : 345
},
color    : '#000',
renderer : function(v) {
return v.substring(0, 10);
}
},
grid           : true
}],
series : [{
type   : 'line',
axis   : 'left',
xField : 'name',
yField : 'data',
style  : {
'stroke-width' : lineBorder,
stroke         : lineColor
},
tips   : {
trackMouse : true,
width      : 110,
height     : 50,
renderer   : function(storeItem, item) {
var mydata = storeItem.get('name').substring(0,10);
this.setTitle('日期:' + mydata);
this.update('总数:' + storeItem.get('data'));
}
}
,
renderer: function(sprite, record, attributes, index, store) {
// if (index > 0) {
// sprite.setAttributes({
// radius : erConfigRadius,
// fill   : erConfigFill,
// type   : erConfigType
// }, true);
// }
return attributes;
}
}],
加上 renderer  发现不能正常显示了ExtjslineChart