0

我正在通过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 的背景颜色。有没有解决的办法?

4

1 回答 1

1

的正确格式background是:

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

alpha 通道设置为零,使其变得透明,您可以通过 parent 调整背景颜色<div>

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

编辑:我添加dojo/domReady!到示例中,所以现在它不仅可以在我的浏览器中使用。

EDIT2: background: [0,0,0,0]也可以,所以只需去掉那些引号以使用数组而不是字符串。

于 2012-08-28T10:13:07.767 回答