Javascript SVG/D3组闪烁一次，然后转换

我创建了一个组，如下所示：

 d3.select("#" + chartId).selectAll("g.barChart")
    .append("g")
        .attr("class", "bar")
        .attr("id", chartId)
        .attr("style", "opacity:0");

在代码的后面，我有这样的代码，所以团队将淡入：

graph = d3.select(".bar#"+chartId);
graph.transition().delay(300).duration(2000).attr("style", "opacity:1.0");

---

我不明白为什么这些组会在消失之前闪烁一次或多次。当我注释掉上面的过渡线时，这些组保持不可见。这应该意味着没有其他原因引起闪光。我被难住了…

当在

样式上应用转换时，D3尝试从字符串中插入值，可能会出错。尝试将不透明度转换为属性，而不是将其包含在
样式中
：

 d3.select("#" + chartId).selectAll("g.barChart")
    .append("g")
        .attr("class", "bar")
        .attr("id", chartId)
        .attr("opacity", "0");

graph = d3.select(".bar#"+chartId);
graph.transition().delay(300).duration(2000).attr("opacity", "1");

在
style
D3上应用转换时，D3尝试插入字符串中的值，可能会出现问题。尝试将不透明度转换为属性，而不是将其包含在
样式中
：

 d3.select("#" + chartId).selectAll("g.barChart")
    .append("g")
        .attr("class", "bar")
        .attr("id", chartId)
        .attr("opacity", "0");

graph = d3.select(".bar#"+chartId);
graph.transition().delay(300).duration(2000).attr("opacity", "1");

也可以选择使用
.attr（“不透明度”、“1.0”）
而不是
.style（“不透明度”、“1.0”）
并转换样式而不是attr，请参见和。也可以选择使用
.attr（“不透明度”、“1.0”）
而不是
.style（“不透明度”、“1.0”）
要转换样式而不是属性，请参阅和。