Code:
Ext.define("iSmart.view.Year", { requires: [
'Ext.chart.label.Label',
'Ext.util.Format'
],
extend: 'Ext.Panel',
xtype: 'yearView',
alias: "widget.year",
config: {
layout: 'fit',
//iconCls: 'time',
title: 'Jahr',
animate: true,
items: [{
xtype: 'toolbar',
docked: "top",
items: [{
xtype: 'label',
html: 'Total'
},{
xtype: 'spacer'
},{
xtype: 'label',
html: '2012'
},{
xtype: 'spacer'
}]
},{
xtype: 'chart',
store: {
fields: ['month','energy','oldEnergy'],
data: [
{ month: 'Jan', energy: 3424, oldEnergy: 3432},
{ month: 'Feb', energy: 2523, oldEnergy: 3432},
{ month: 'Mär', energy: 1140, oldEnergy: 3432},
{ month: 'Apr', energy: 2344, oldEnergy: 3432},
{ month: 'Mai', energy: 5450, oldEnergy: 3432},
{ month: 'Jun', energy: 6045, oldEnergy: 3432},
{ month: 'Jul', energy: 2344, oldEnergy: 3432},
{ month: 'Aug', energy: 1345, oldEnergy: 3432},
{ month: 'Sep', energy: 5425, oldEnergy: 3432},
{ month: 'Okt', energy: 3333, oldEnergy: 3432},
{ month: 'Nov', energy: 5423, oldEnergy: 3432},
{ month: 'Dez', energy: 4545, oldEnergy: 3432}
]
},
legend: {
position: 'top'
},
axes: [{
// y-axsis
type: 'numeric',
minimum: '0',
fields: ['energy','oldEnergy'],
position: 'left',
grid: true,
title: 'Energie [kWh]'
},
{
// x-axis
type: 'category',
fields: ['month'],
position: 'bottom'
}],
series: [{
type: 'bar',
xField: 'month',
yField: ['energy','oldEnergy'],
style: {
fillStyle: '#086fb2'
},
stacked: false,
label: {
display: 'insideEnd',
field: 'energy',
orientation: 'horizontal', // 'vertical'
color: '#333',
'text-anchor': 'middle',
}
}]
}]
}
});
Is the problem in my code or in this release of sencha touch charts ?