datamaps.js - 如何在气泡大小之间平滑过渡?

时间:2015-09-09 12:02:23

标签: d3.js datamaps

我正在使用数据地图的气泡来显示每年略有变化的数据:

http://jsbin.com/goqeve/edit?html,output

(点击底部的'1990'和'2000'按钮)

当我用map.bubbles([...])替换气泡时,默认动画是从中心增加新气泡,这会掩盖尺寸的微小变化。如何让气泡在尺寸之间平滑过渡(即增长或缩小)而不是替换它们?

1 个答案:

答案 0 :(得分:1)

假设您将气泡数据放在名为Nodes的列表中。

当您从1990过渡到2000(或反之亦然)时,您可以更新Nodes中的数据半径,然后通过调用map.bubbles(Nodes)重绘它们。我尝试了它,它顺利地转换到新的半径而不是重绘它们。