使用dojo工具包将majorTicksColor间隔输入dojox仪表

时间:2013-03-26 16:34:25

标签: javascript jquery css dojo

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

事实上,我想要一个功能到majorTicksColor和minorTicksColor,我希望颜色取决于间隔,例如:0到30绿色,30到70黄色和70红色到100,或者它可能会降级。

喜欢这个image

这可能吗?

谢谢。

此致

1 个答案:

答案 0 :(得分:4)

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

Image of gauge