ExtJs 6.X; 당신의 ExtJS 이전 버전의 값

Question

를 사용하여 게이지 차트의 색상을 변경하려면 어떻게해야 당신이 사용하는 게이지의 배경 색상을 변경할 수있는 다음 :

renderer: function (sprite, record, attr, index, store) { 
      if (attr.fill == this.colorSet[1]) return Ext.apply(attr, { fill: attr.fill }); 
      var value = record.get("SLA"), 
       color; 
      if (value >= 95) { 
       color = "#0000ff"; 
      } else if (value < 85) { 
       color = "#00ff00"; 
      } else { 
       color = "#ff0000"; 
      } 
      return Ext.apply(attr, { fill: color }); 
     } 

은 사람이 할 수있는 새로운 방법을 알고 있나요 6.X 프레임 워크?

Answer 1

버전 6.x에서 renderer 함수에 전달 된 매개 변수는 sprite, config, rendererData, index입니다. 이들은 sencha docs에 설명되어 있습니다. 렌더러는 다음과 같이 쓸 수 있습니다.

renderer: function(sprite, config, rendererData, index) { 
     var value = rendererData.value; 
     var color; 
     if (value >= 95) { 
      color = "#0000ff"; 
     } else if (value < 85) { 
      color = "#00ff00"; 
     } else { 
      color = "#ff0000"; 
     } 
     return { 
      fill: color 
     }; 

    }