Problem with ExtJS chart label

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 .

+4
source share
1 answer

. yField line, -, , . :

{
    type: "line",
    axis: "left",
    xField: "agg_fq",
    yField: "dys"
}

Sencha Fiddle .

+3

All Articles