javascript - 使用dojo工具包按间隔进入dojox仪表的majorTicksColor

Question

我正在尝试使用 dojo 工具包和正是这个gauge。

实际上，我想要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();
});