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。