javascript - JavaScript D3.jsの透明色

Question

編集: d3.js で作成された SVG グラフがあります。グラフの塗りつぶされた領域は、CSS ルールによって色付けされます。領域を半透明にして、最前面のグラフ領域によって隠されているデータを確認できるようにしたいと思います。

オリジナル：

このグラフの色を透明にする方法はありますか? http://jsfiddle.net/skys331/QBDGB/22/ 緑のデータの裏側が見えるようにしたいです。

ありがとう

Answer 1

はい。transparent次のように塗りつぶしに使用できます。

.line1 {
  fill: transparent;
  ...
}

.line1別の方法として、要素の不透明度を設定することもできます:

.line1 {
    fill: green;
    opacity: 0.5;
}

または、塗りつぶしを設定しますrgba(アルファ コンポーネントを含む RGB カラー):

.line1 {
    fill: rgba(0, 128, 0, 0.5);
}