设置Dojo标尺的背景颜色

Question

我在运行时通过javascript创建了一些Dojo 1.8 GlossySemiCircularGauge，我试图设置仪表的背景颜色。我希望将颜色设置在仪表外面，而不是自己测量仪表。我用这样的语法创建了仪表：

    glossyCircular = new dojox.gauges.GlossySemiCircularGauge({
        textIndicatorColor: '#FFFFFF',
        background: "[0, 255, 0, 0]",
        id: NewID,
        Max: 20,
        value: newValue,
        noChange: "true",
        width: wid,
        textIndicatorPrecision: "2",
        color: '#101030',
        height: hei
    }, dojo.byId(NewID));

由于使用SVG绘制仪表，因此无法设置容器div的背景颜色。有办法解决这个问题吗？

Answer 1

background的正确格式为：

background: { color: "rgba(0,0,0,0)"}

将 alpha通道设置为零，这样它就会变得透明，您可以通过父<div>调整背景颜色。

在jsFiddle上查看并播放一个工作示例：http://jsfiddle.net/phusick/E9YNM/

编辑：我在示例中添加了dojo/domReady!，现在它不仅适用于我的浏览器。

EDIT2： background: [0,0,0,0]也可以，所以只需删除那些带引号而不是字符串的引号。