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)"}

アルファチャンネルをゼロに設定すると、透明になり、parent を介して背景色を調整できます<div>。

jsFiddle で実際の例を見て遊んでください: http://jsfiddle.net/phusick/E9YNM/

編集:例に追加dojo/domReady!したので、ブラウザだけでなく動作するようになりました。

EDIT2: background: [0,0,0,0]同様に機能するため、これらの引用符を削除して、文字列ではなく配列にします。

于 2012-08-28T10:13:07.767 に答える