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

    }