javascript - dojoツールキットを使用したdojoxゲージへの間隔によるmajorTicksColor

Question

私はdojoツールキットとまさにこのゲージを使おうとしています。

実際、majorTicksColorとminorTicksColorの機能が必要です。色は間隔によって異なります。たとえば、0から30の緑、30から70の黄色、70の赤から100、または劣化している可能性があります。

この画像のように。

それは可能ですか？

ありがとうございました。

よろしく、

Answer 1

このフィドルのようなもの？

ここでの原則は、ウィジェットのdrawRangeメソッドを拡張するためにアスペクトを使用することです。dojox/gauges/GlossyCircularGauge

//
// Use the new "drawGreenYellowRedCurves" as an *after* aspect to the existing "drawRange" function.
//
require(['dojox/gauges/GlossyCircularGauge', 'dojo/aspect', 'drawGreenYellowRedCurves', 'dojo/domReady!'],
  function (GlossyCircularGauge, aspect, drawGreenYellowRedCurves) {
    var gauge = new GlossyCircularGauge({
        background: [255, 255, 255, 0],
        title: 'Value',
        id: "glossyGauge",
        width: 300,
        height: 300
    }, dojo.byId("CircularGauge"));
    aspect.after(gauge, "drawRange", drawGreenYellowRedCurves, true);
    gauge.startup();
});