I have a chart cartesianwith several series. One series is a bar, and the other series is a line. The line label of the line does not display the correct values corresponding to the data entered for the line.
For example, my data is stored as follows:
{
"agg_fq": "2013 - FQ1",
"quarterly_sum": 12748,
"dys": 92,
"avg_per_day": 138
}, {
"agg_fq": "2013 - FQ2",
"quarterly_sum": 12161,
"dys": 90,
"avg_per_day": 135
}, {
"agg_fq": "2013 - FQ3",
"quarterly_sum": 12410,
"dys": 91,
"avg_per_day": 136
}, {
"agg_fq": "2013 - FQ4",
"quarterly_sum": 12137,
"dys": 92,
"avg_per_day": 131
}, {
"agg_fq": "2014 - FQ2",
"quarterly_sum": 11970,
"dys": 90,
"avg_per_day": 133
}, {
"agg_fq": "2014 - FQ3",
"quarterly_sum": 9743,
"dys": 91,
"avg_per_day": 107
}, {
"agg_fq": "2014 - FQ4",
"quarterly_sum": 8294,
"dys": 92,
"avg_per_day": 90
}
The data specified for the row is a property dys. The values are between 90and 100, but the chart label shows 0- 1.0. I tried to look at the label renderer, and it shows the same problem, and the values are incorrect.
Here is my diagram as defined:
{
xtype: 'cartesian',
store: store,
width: 400,
height: 400,
axes: [{
type: "category",
postion: "bottom",
fields: "agg_fq",
title: "Quarters",
label: {
rotate: {
degrees: -45
}
}
}, {
type: "numeric",
position: "right",
grid: true,
fields: ["avg_per_day"],
title: "Emails"
}, {
type: "numeric",
position: "left",
title: "Days in Qtr",
fields: ["dys"],
renderer: function(value) {
console.log(value);
}
}],
series: [{
type: "bar",
axis: "right",
xField: "agg_fq",
yField: ["avg_per_day"],
stacked: false
}, {
type: "line",
axis: "left",
xField: "agg_fq",
yField: ["dys"]
}]
}
Here is the Sencha Fiddle with the problem .