Dojo Gauges - 我可以限制可设置的值吗?

时间:2013-06-20 17:12:42

标签: javascript dojo gauge

我有一个交互式dojox量表,范围从0到100.但我只希望我的用户能够将针移动到0,25,50,75和100.这可能吗?

                // create the gauge
            var gauge = new dojox.gauges.GlossyCircularGauge({
                background : [255, 255, 255, 0],
                color : color,
                id : "gauge_" + item,
                width : 150,
                height : 150,
                value : itemProgress,
                noChange : Login.isLoggedIn(),
                majorTicksInterval : 25
            }, dojo.byId("gaugeDiv_" + item));
            gauge.startup();

干杯, JP

2 个答案:

答案 0 :(得分:1)

看看我的小提琴:http://jsfiddle.net/v7WwD/1/

require(["dojox/dgauges/components/grey/CircularLinearGauge"],

function (CircularLinearGauge) {
var myGauge = new CircularLinearGauge({
    value: 20,
    minimum: 0,
    maximum: 150,
    majorTickInterval: 25,
    minorTickIntervall: 5,
    indicatorColor: "#000080", //Zeiger
    fillColor: "#FFFFFF"
}, dojo.byId("gauge"));
myGauge.startup();
});

//more code in the fiddle
//......

我以编程方式创建了一个CircularLinearGauge。

此致

答案 1 :(得分:0)

首先,我会考虑使用dojox / dgauges(http://dojotoolkit.org/reference-guide/1.9/dojox/dgauges.html)而不是dojox / gauges。这些是目前工具箱中唯一维护良好的仪表。其次使用dojox / dgauges,你可以将LinearScaler的snapInterval设置为25,你应该得到预期的行为。