javascript D3.js中的透明颜色[关闭]

【问题标题】：transparent color in javascript D3.js [closed]javascript D3.js中的透明颜色[关闭]
【发布时间】：2013-07-05 22:56:10
【问题描述】：

编辑：我有一个用 d3.js 生成的 SVG 图。图表的填充区域由 CSS 规则着色。我希望这些区域是半透明的，以便您可以看到被最前面的图形区域遮挡的数据。

原文：

有没有办法让这个图表的颜色透明？ http://jsfiddle.net/skys331/QBDGB/22/ 我希望能够看到绿色数据的背后。

谢谢

【问题讨论】：

【解决方案1】：

为绿色添加不透明度：

.line1 {
  fill: green;
  stroke: black;
  stroke-width: 1.5px;
  opacity:0.5;

}

【讨论】：

【解决方案2】：

是的。您可以使用transparent 进行填充，如下所示：

.line1 {
  fill: transparent;
  ...
}

您也可以设置.line1 元素的不透明度：

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

或者将填充设置给我们rgba（带有alpha分量的RGB颜色）：

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

【讨论】：