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

D3 wrong fill color on start of a transition from line to area

本文关键字：开始时 填充 颜色 错误 区域 D3      更新时间：2023-09-26

我正在尝试从一条线过渡到一个区域。当开始动画时，区域(多边形)的填充颜色为黑色。我试图指定

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

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

in advanced

瑞克

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

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的坚持。

相关文章：