使用D3.js动态更新treemap元素

使用D3.js动态更新treemap元素,d3.js,treemap,D3.js,Treemap,我正在尝试使用D3.js和以下示例实现树映射: 到目前为止效果还不错 我的问题是,如果我想使用transition刷新树映射项以获得一组全新的数据,我就不能这样做。我只能在重新初始化treemap对象时执行此操作 让我们举一个简单的例子: 数据集1:PROD1,PROD2,PROD3。。。 数据集2:LOC1,LOC2,LOC3,LOC4 我希望在两个数据集之间切换时有一个过渡动画,这两个数据集具有不同数量的元素和不同大小(值)。同样,我只能通过基本上删除父DIV id($(“#treemap

我正在尝试使用D3.js和以下示例实现树映射:

到目前为止效果还不错

我的问题是,如果我想使用transition刷新树映射项以获得一组全新的数据,我就不能这样做。我只能在重新初始化treemap对象时执行此操作

让我们举一个简单的例子:

数据集1:PROD1,PROD2,PROD3。。。 数据集2:LOC1,LOC2,LOC3,LOC4

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

对不起,我对D3.js很陌生,所以可能这是显而易见的

谢谢并致以最良好的问候, Bence

它可能与相同


.

同意可能是粘性标志或数据连接。请看我对另一个问题的回答。