左側に重複した番号がありますが、その理由はわかりません。各数字を1つだけ表示するにはどうすればよいですか? 0、1、2 のみ。
バーにグリッドが表示されますが、チャートの後ろに配置するにはどうすればよいですか?
コード
axes: [{
type: 'Numeric',
position: 'left',
fields: ['inCnt'],
label: {
renderer: Ext.util.Format.numberRenderer('0,0')
},
title: 'In Transaction Qty',
grid: true,
minimum: 0
}, {
type: 'Category',
position: 'bottom',
fields: ['month'],
title: 'Current 12 Month'
}],
series: [{
type: 'column',
axis: 'left',
highlight: true,
tips: {
trackMouse: true,
width: 130,
height: 40,
renderer: function (storeItem, item) {
this.setTitle(storeItem.get('inCnt') + ' transaction(s) in '+storeItem.get('month'));
}
},
label: {
display: 'insideEnd',
'text-anchor': 'middle',
field: 'inCnt',
renderer: Ext.util.Format.numberRenderer('0'),
orientation: 'vertical',
color: '#333'
},
xField: 'month',
yField: 'inCnt'
}]
JSON データ
[
{ "month" : "Nov", "inCnt" : 0 },
{ "month" : "Oct", "inCnt" : 2 },
{ "month" : "Sep", "inCnt" : 0 },
{ "month" : "Aug", "inCnt" : 0 },
{ "month" : "Jul", "inCnt" : 0 },
{ "month" : "Jun", "inCnt" : 3 },
{ "month" : "May", "inCnt" : 0 },
{ "month" : "Apr", "inCnt" : 0 },
{ "month" : "Mar", "inCnt" : 0 },
{ "month" : "Feb", "inCnt" : 0 },
{ "month" : "Jan", "inCnt" : 0 },
{ "month" : "Dec", "inCnt" : 0 }
]