设置Dojo量表的背景颜色

Setting the background color of a Dojo gauge

本文关键字：背景 颜色 Dojo 设置      更新时间：2023-09-26

我正在通过javascript在运行时创建一些Dojo 1.8 GlossySemiCircularGauge，并尝试设置gauge的背景色。我想把颜色设置在仪表之外，而不是仪表本身。我正在使用如下语法创建仪表：

    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的背景色是不起作用的。有办法解决这个问题吗？

background的正确格式为：

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

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

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

EDIT:我在示例中添加了dojo/domReady!，所以现在它不仅适用于我的浏览器。

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

相关文章：