d3删除svg不透明度

Question

我点击节点时出现的强制定向布局中有一个svg矩形。我想知道如何将矩形设置为完全不透明。我将其不透明度属性设置为1，但它仍然是透明的。这也很奇怪，因为我仍然可以将opacity属性操作为0.5，例如，rect会更轻。我现在不能让它变得不透明了。

    var tooltip = svg.append("g").attr("transform", "translate(-300,0)");
  tooltip.append("rect")
    .attr("x", 0)
    .attr("y", 0)
    .attr("width", 300)
    .attr("height", height)
    .attr("color", "black")
    .attr("opacity", 1);

以下是完整代码：http://plnkr.co/edit/5UKhnYNEaMpbL6O1dNqQ?p=preview

Answer 1

这是因为您放置的svg元素的顺序。您首先绘制矩形，然后绘制节点。如果您希望矩形隐藏节点。然后，您必须在绘制节点后绘制rect。