ExtJs 6.X; Как изменить цвет калибровочной диаграммы, используя значение

Question

В предыдущих версиях ExtJS вы можете изменить цвет фона датчика, используя следующее:

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 
     }; 

    }