svg元素不顯示

Question

在我的代碼中，我追加了'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行。 任何幫助將不勝感激。

https://gist.github.com/EE2dev/d1c86cc47ad2759d955e

Answer 1

它包含在一個g（該altIndicator）具有0不透明。

這是正在這裏設置：

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); 
     } 
    }); 

Code without that line。