JavaScript D3.js 中的透明颜色

transparent color in javascript D3.js

本文关键字：透明 颜色 D3 js JavaScript      更新时间：2023-09-26

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

源语言：

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

谢谢

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

.line1 {
  fill: transparent;
  ...
}

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

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

或者将填充设置为我们CC_4(带有 alpha 分量的 RGB 颜色(：

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

将不透明度添加到绿色：

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

编辑了你的小提琴：http://jsfiddle.net/QBDGB/23/

相关文章：