javascript - 从线到区域的过渡开始时D3错误的填充颜色

Question

我正在尝试从一条线过渡到一个区域。开始动画时，区域（多边形）的填充颜色为黑色。我试图分配

style("fill", "none")

因为我希望它从透明填充颜色开始。但它仍然不断从黑色褪色到所需的颜色。

这是我进行过渡的方式

d3.select("#line")
    .transition()
    .duration(dur)
    .delay(del)
    .attr("d", DATA) // old data was a line, new data is an area 
    .style("fill", "red");

任何想法如何分配透明填充颜色？

谢谢先进

瑞克

Answer 1

我终于明白了。所需的属性不是“不透明度”，而是“填充不透明度”。和

d3.select("#line").style("fill-opacity", 0)
    .transition()
    .duration(dur)
    .delay(del)
    .attr("d", DATA) // old data was a line, new data is an area 
    .style("fill-opacity", 1)
    .style("fill", "red");

它就像一个魅力。

顺便提一句。感谢 Prasath 一直坚持下去。