ExtJS图表标签问题

Question

我有一个cartesian图表与多个系列。一个系列是Bar而另一系列是行。线轴标签不会呈现与为该线输入的数据相对应的正确值。

例如我的商店的数据如下：

{ 
    "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 
} 

的数据绘制的线是dys财产。值介于90和100之间，但图表标签显示0 - 1.0。我试图查看标签的renderer，它显示相同的问题，并且值不正确。

这是我的图表所限定：

{ 
    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"] 

    }] 
} 

这里是一个Sencha Fiddle with the issue。

Answer 1

在弄乱了代码之后，我发现了这个问题。 line系列上的yField显然会导致问题，如果它是一个数组。该系列更改为以下将解决这个问题：

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

这里是一个Sencha Fiddle with the fix。