使用D3.js动态更新树形图元素

时间:2012-05-10 09:07:17

标签: d3.js treemap

我正在尝试使用D3.js和以下示例实现树形图: http://mbostock.github.com/d3/ex/treemap.html

到目前为止它的效果非常好。

我的问题是,如果我想使用转换为一组全新的数据刷新树形图项目,我无法做到。如果我重新初始化树形图对象,我只能这样做。

我们举一个简单的例子:

DATASET1:PROD1,PROD2,PROD3 ...... DATASET2:LOC1,LOC2,LOC3,LOC4 ......

我希望在两个数据集之间切换时有一个过渡动画,这两个数据集具有不同数量的元素和不同的大小(值)。同样,我只能通过基本上删除父DIV id($(“#treemap_1”)。empty();)的元素来完成它,然后用新数据集重新创建整个树图。

抱歉,我对D3.js很新,所以也许这是显而易见的事情。 :)

谢谢&最好的祝福, 本斯

1 个答案:

答案 0 :(得分:2)