d3.js -重新加载图表

d3.js - Reload chart

本文关键字:加载 js -重 新加载 d3      更新时间:2023-09-26

我有一个d3日冕图-基于这个例子:

https://bl.ocks.org/kerryrodden/7090426

我已经添加了一个条件来控制d.depth,但是随着这一变化,我需要用新的d.depth值刷新图表。

var nodes = partition.nodes(json)
          .filter(function(d) {
          return (d.dx > 0.005 && d.depth < $scope.detailLevelForChart); 
});

是否有一个简单的refresh()方法内建,或者我有做一些事情,如删除div和重绘相同的方式当页面加载?

如有任何帮助,不胜感激。

谢谢。

对于太阳爆发图,你可以找到一些通过过渡而不是删除和重新绘制所有图形的更新示例。

Mike Bostock的缩放Sunburst示例

https://bl.ocks.org/kerryrodden/477c1bfb081b783f80ad

其他链接可能有帮助

d3 - sunburst -给出更新数据的过渡-尝试动画,而不是snap