0

我想将文本指示器向下移动,能够更改颜色并更改其大小,但不能更改位置。下面是我的代码。

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"));
    gauge.set('textIndicatorFont','normal small-caps bold 22pt Arial');
    gauge.set('textIndicatorColor','#FFFFF');
    aspect.after(gauge, "drawRange", drawGreenYellowRedCurves, true);
    gauge.startup();

});

供参考http://jsfiddle.net/rameshcharykotha/dsmfg/14/

4

3 回答 3

0

这不是直接回答您的问题,但它可能仍然有帮助,dojox/gauges 已被弃用,鼓励您改用 dojox/dgauges。见文档:http ://dojotoolkit.org/reference-guide/1.9/dojox/dgauges.html#dojox-dgauges

于 2013-10-17T08:32:41.053 回答
0

您可以更改内部属性 _designTextIndicatorY 的值来更新文本指示器的位置。默认值为 267.81589,但您可以使用更大的值来降低文本指示器的位置。

例子:

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,
    _designTextIndicatorY: 317.81589
}, dojo.byId("CircularGauge"));
gauge.set('textIndicatorFont','normal small-caps bold 22pt Arial');
gauge.set('textIndicatorColor','#FFFFF');
aspect.after(gauge, "drawRange", drawGreenYellowRedCurves, true);
gauge.startup();
});
于 2013-10-17T08:39:56.750 回答
0

不久前,我回答了一个类似的问题。有人想更改新 dGauge 中的范围颜色。看看这个小提琴:http: //jsfiddle.net/v7WwD/

这是新 dgauge 中对您感兴趣的部分:

// Indicator Text
indicator = gauge._elementsIndex.scale._indicators[0];
   var indicatorText = new TextIndicator();
   indicatorText.set("indicator", indicator);
   indicatorText.set("x", 100);
   indicatorText.set("y", 100);
   gauge.addElement("indicatorText", indicatorText);

为了弄清楚如何实现这一点,请查看我的小提琴中的整个代码。

问候,米里亚姆

于 2013-10-17T09:11:33.973 回答