title: ExtJs 6.X; How do you change the color of a gauge chart using a value
body: <p>With previous versions of ExtJS you could change the background color of the gauge using the following:</p>
  
  <pre><code>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 &gt;= 95) {
                  color = "#0000ff";
              } else if (value &lt; 85) {
                  color = "#00ff00";
              } else {
                  color = "#ff0000";
              }
              return Ext.apply(attr, { fill: color });
          }
  </code></pre>
  
  <p>Does anyone know the new way to do this with the 6.X framework?</p>