d3 中的颜色过渡始终从黑色开始

Question

我做了一个小例子来说明这个问题：http://bl.ocks.org/nvcleemp/df035fc9c14f9955d4f0

当您单击两个链接中的任何一个时，您会看到一个更改背景颜色的小动画。这个动画总是从黑色开始，而我希望它从当前颜色开始。这只是一个小例子，在实际问题中，还有更多的链接必须改变颜色，我不知道哪个是正确的起始颜色。（我总是可以查找它，但我不能将其硬编码到函数中）

Answer 1

从已知状态开始转换的最安全方法是自己设置该状态。在您的情况下，请在开头设置背景颜色：

d3.select("#test1").style("background", notSelectedColor);
d3.select("#test2").style("background", notSelectedColor);

在此处完成演示。