Css svg元素不显示

在我的代码中，我附加了一个“rect”，但由于某种原因它没有显示出来。 我附加的“rect”在DOM中显示为：

下面是我在添加d3.js时的摘录：

  var testRect = d3.selectAll(".altIndicator").append("rect")
    .attr("class", "testRect")
    .attr("x", -50)
    .attr("width", 20*x.rangeBand())
    .attr("y", -100)
    .attr("height", 425).style("fill", "black").style("opacity", 1);

没有显示的原因是什么？ 我在控制台中尝试以交互方式运行这个append，当我将它附加到任何其他地方时，它都会工作，因此它似乎是一个继承问题。但是，通过明确设置样式，它应该覆盖从元素或CSS继承的样式值

我的完整代码如下，追加代码是第298-303行。 任何帮助都将不胜感激

---

它包含在不透明度为0的

g

（高度指示器）中

这是在这里设置的：

  d3.selectAll(".altIndicator")
    .each(function (d) { if (selectedItemSet.has(d) && selectedItemSet.get(d).alternativeId != 0) {
      d3.select(this).style("fill", "white")
        .style("opacity", 0.5);
      }
      else {
         d3.select(this).style("opacity", 0);
      }
    }); 

---

.

如果它在屏幕外，您是否尝试过不同的（正）

x

和

y

值？@mgold:是的，它在屏幕上。当我将鼠标悬停在DOM中的元素上时，它所覆盖的区域将高亮显示。