2014-11-05 3 views
4

У меня есть cartesian Диаграмма с несколькими сериями. Одна серия - это Бар, а другая серия - Линия. Метка линии линии не отображает правильные значения, соответствующие данным, введенным для линии.ExtJS Chart Label Issue

Например мой магазин данные выглядят следующим образом:

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

ответ

3

После беспорядка с кодом я нашел проблему. yField серии line, по-видимому, вызывает проблемы, если это массив. Изменение серии к следующему исправит вопрос:

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

А вот Sencha Fiddle with the fix.