Problemas de escala en stacked column chart
Saludos, estoy trabajando con un chart tipo stacked. Mi problema es que la escala no esta funcionando correctamente, en el foro de sencha indican que se trata de un bug de extjs, quisiera saber si alguien ha tenido el mismo problema o de que manera lo puedo solucionar.
Esta es la grafica, como ven el valor de la etiqueta indica un valor que no corresponde con la escala.
Este es parte de mi codigo, cabe aclarar que los datos los estoy cargando a traves de un store:
var chart = Ext.create('Ext.chart.Chart',{
xtype: 'chart',
animate: true,
shadow: true,
store: store,
legend: {
position: 'right',
labelFont:'10px'
},
axes: [{
type: 'Numeric',
position: 'left',
fields:fieldsStore,
maximum: 4000,
title: false,
grid: true
}, {
type: 'Numeric',
position: 'right',
fields: 'meta',
title: false,
grid: false
},
{
type: 'Category',
position: 'bottom',
fields: ['mes'],
title: false,
label: {
rotate: {
degrees: 290
},
font: '10px Arial'
}
}],
series: [{
type: 'column',
axis: 'bottom',
gutter: 30,
xField: 'mes',
yField : fieldsStore,
stacked: true,
tips: {
trackMouse: true,
width: 20,
height: 28,
renderer: function(storeItem, item) {
this.setTitle(String(item.value[1]) /*+ 'M'*/);
}
}
}, {
type: 'line',
axis: 'left',
xField: 'mes',
yField: 'meta',
tips: {
trackMouse: true,
width: 110,
height: 25,
renderer: function(storeItem, item) {
this.setTitle(storeItem.get('meta') + ' en ' + storeItem.get('mes'));
}
},
style: {
fill: '#008000',
stroke: '#008000',
'stroke-width': 3
},
markerConfig: {
type: 'circle',
size: 4,
radius: 4,
'stroke-width': 0,
fill: '#008000',
stroke: '#008000'
}
}, {
type: 'line',
axis: 'right',
fill: true,
fillOpacity: 0.5,*/ /*para grafica en forma de capa*/
xField: 'mes',
yField: 'produccion',
tips: {
trackMouse: true,
width: 110,
height: 25,
renderer: function(storeItem, item) {
this.setTitle(storeItem.get('produccion') + ' en ' + storeItem.get('mes'));
}
},
style: {
fill: '#800000',
stroke: '#800000',
'stroke-width': 3
},
markerConfig: {
type: 'circle',
size: 4,
radius: 4,
'stroke-width': 0,
fill: '#800000',
stroke: '#800000'
}
}],
items: [{
type: 'rect',
width: 150,
height: 315,
radius: 10,
fill: 'green',
opacity: 0.5,
stroke: 'red',
'stroke-width': 2,
x : 50, //the sprite x position
y : 10 //the sprite y position
}/*,
{
type: 'text',
text: 'Anios',
width: 70,
height: 40,
radius: 10,
font: "15px arial",
fill: "green",
'stroke-width': 2,
x : 105, //the sprite x position
y : 8 //the sprite y position
}*/
]
});
Muhas gracias.
Usuario no registrado
21/01/2013
¿Conoces a alguien que pueda responder esta pregunta? Comparte el link en Twitter o Facebook
Es necesario registrarse para poder participar en el foro! Si ya tienes una cuenta puedes entrar y comentar en este foro.