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

Question

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

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坚持下去。