动态填充转换d3

Question

我想使用d3进行动态填充转换。

http://tributary.io/inlet/11094354

如何对此进行转换以在第一次加载时加载0-60％??

谢谢和最诚挚的问候 Moyeen

Answer 1

您需要做的就是向stop添加转换：

grad.append("stop").attr("offset", "0%").style("stop-color", "red")
    .transition().duration(1000).attr("offset", "60%");

完整演示here。