javascript - javascript D3.js中的透明颜色

Question

关闭。这个问题不符合Stack Overflow guidelines .它目前不接受答案。












问题必须表明对正在解决的问题的最低限度的理解。告诉我们您尝试过什么，为什么它不起作用，以及它应该如何工作。另见:Stack Overflow question checklist


9年前关闭。







Improve this 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 (带有 alpha 分量的 RGB 颜色):

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