Question

我想将文字指示器移动到很小的位置，能够改变颜色并改变它的大小而不是位置。以下是我的代码。

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/

Answer 1

这不是直接回答你的问题，但它可能仍有帮助，dojox / gauges已被弃用，我们鼓励你使用dojox / dgauges。请参阅doc：http://dojotoolkit.org/reference-guide/1.9/dojox/dgauges.html#dojox-dgauges

Answer 2

您可以更改内部属性_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();
});

Answer 3

不久前我回答了类似的问题。有人想要改变新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);

要明确如何实现这一点，请查看我的小提琴中的整个代码。

此致，Miriam

如何更改Dojo GlossyCircularGauge文本指示器位置？

3 个答案: