extjs4 Char绘制柱形图

xiaomeizi07 2017-11-13 10:51:41

extjs4使用chart绘制的柱形图为什么只显示坐标里面的图都不显示？？？

代码：
var store = Ext.create('Ext.data.JsonStore', {

fields: ['name', 'data'],

data: [

{ 'name': 'metric one', 'data':10 },

{ 'name': 'metric two', 'data': 7 },

{ 'name': 'metric three', 'data': 5 },

{ 'name': 'metric four', 'data': 2 },

{ 'name': 'metric five', 'data':27 }

]

});

var stationChart = Ext.create('Ext.chart.Chart', {

width: 500,

height: 300,

animate: true,

store: store,

axes: [{

type: 'Numeric',

position: 'bottom',

fields: ['data'],

label: {

renderer: Ext.util.Format.numberRenderer('0,0')

},

title: 'Sample Values',

grid: true,

minimum: 0

}, {

type: 'Category',

position: 'left',

fields: ['name'],

title: 'Sample Metrics'

}],

series: [{

type: 'bar',

axis: 'bottom',

highlight: true,

tips: {

trackMouse: true,

width: 140,

height: 28,

renderer: function(storeItem, item) {

this.setTitle(storeItem.get('name') + ': ' + storeItem.get('data') + ' views');

}

},
style: {
fill: '#38B8BF'
},

label: {

display: 'insideEnd',

field: 'data',

renderer: Ext.util.Format.numberRenderer('0'),

orientation: 'horizontal',

color: '#333',

'text-anchor': 'middle'

},

xField: 'name',

yField: 'data'

}]

});

var centerPanel = Ext.create('Ext.panel.Panel', {
title: 'XXXXXX',
region: 'center',
// layout: 'column',
items: stationChart
});

...全文