D3,有没有办法逐点过渡现有的图形?

时间:2013-12-13 00:55:28

标签: javascript d3.js transition

我试图找到一个我需要做的事情的例子,不幸的是我还没找到。我有一个我创建的散点图,情节很好。但是,我订阅了一条消息,每次收到该消息时,我都需要 找到图表上与消息相关的点,并使其更大。当我转换到下一个点时,该点会回到原始大小,我会调整新点的大小。

基本上,这是一个时间序列图,当我收到消息时,每5秒钟,我提前一点(现在)。问题是,selectAll是一个数组数组。所以,我猜我的问题在哪里,我不知道在哪里使用.attr(“r”,size)。

在我的订阅处理程序(回调)中,我检查图表是先创建的,然后我得到了所有的“点”。从那里开始,没有任何工作。

感谢您的帮助!

1 个答案:

答案 0 :(得分:0)

理想情况下,消息中的数据格式与用于生成散点图的数据格式相同。然后,您可以将消息中的数据重新绑定到您的点,并使用selection.update函数仅调整更新的数据点。

备选方案您可以使用selectAll函数,并仅使用selection.filter function过滤您要调整大小的元素。

如果您需要更具体的帮助,那么如果您有脚本的pastebin示例会很有用。