내가 JSON 데이터를

Question

JSON 및 막대 차트를 표시하고 동적으로이 조건 색상을 변경합니다 방법 :
조건 1 : 빨강 색 =, 컬러 바 레드 쌓인 경우
조건 2 : 색상 = 블루, 색 줄이 쌓인 경우 블루

내 JSON은

{ 
"Liste": [ 
    { 
     "Name": "Ligne A", 
     "Qte": 150, 
     "ListeData": 
     [ 
      { "OF":"A001", 
      "Data":200, 
      "Color":"Red" 
      }, 

      { "OF":"A002", 
      "Data":400, 
      "Color":"Blue" 
      }, 

      { "OF":"A003", 
      "Data":800, 
      "Color":"Blue" 
      } 
     ] 
    }, 

] 

}입니다

Answer 1

당신은 차트의 시리즈 구성에 사용자 정의 렌더러 기능을 추가해야합니다.

렌더러 기능을 사용하면 모델의 색상 항목에 따라 각 막대의 채우기 구성을 변경할 수 있습니다. 이의 라인을 따라

뭔가 트릭을 수행해야합니다

series: [{ type: 'column',
stacked: true, renderer: function(sprite, config, rendererData, index) { return { fill: store.getData().items[index].color }; } }]

시리즈 설정 여기 렌더러 기능에

더 많은 정보 : http://docs.sencha.com/extjs/6.2.0/modern/Ext.chart.series.Series.html#cfg-renderer