d3.js - 重新加载图表

时间:2016-08-22 17:44:56

标签: javascript angularjs d3.js

我有一张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和重绘与页面加载时相同的方法?

任何帮助都将不胜感激。

感谢。

1 个答案:

答案 0 :(得分:0)

对于sunburst图表,您可以找到一些按转换更新的示例,而不是删除和重绘所有图表。

迈克博斯托克的Zoomable Sunburst示例

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

其他链接可能会有所帮助

d3 - sunburst - transition given updated data -- trying to animate, not snap