d3中的颜色转换始终以黑色开始

Question

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

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

Answer 1

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

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

完整演示here。