ExtJS 차트 라벨 문제

Question

나는 복수 시리즈가있는 cartesian 차트가 있습니다. 한 시리즈는 바이고 다른 시리즈는 라인입니다. 선 축 레이블이 선에 대해 입력 된 데이터에 해당하는 올바른 값을 렌더링하지 않습니다. 다음과 같이

는 예를 들어 내 저장 데이터는 다음과 같습니다 선이 dys 속성입니다 대한

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

데이터는 차트. 값은 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입니다.