javascript - 使用 dojo 工具包按间隔将 majorTicksColor 转换为 dojox 仪表

Question

我正在尝试使用 dojo 工具包，正是这个 gauge .

事实上，我想要 majorTicksColor 和 minorTicksColor 的特征，我希望颜色取决于间隔，例如:从 0 到 30 绿色，从 30 到 70 黄色和从 70 红色到 100，或者它可能会退化。

像这样image .

这可能吗？

谢谢。

问候，

Answer 1

像这样的东西 fiddle ？

这里的主要目的是使用一个方面来增强dojox/gauges/GlossyCircularGauge 的drawRange 方法。小部件。

//
// 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();
});