具有 10.000 个项目的旭日 D3

Question

我已经实现了一个带有 10.000 个 itens 的 Sunburst D3。 sunburst 似乎无法处理如此大量的数据。这个问题有一些解决方法吗？

使用：d3，nvd3，angular-nvd3

Answer 1

在 10,000 个节点上，您正在处理移动大量 svg 元素的过渡，其中大部分太小而无法有用地查看或与之交互。你可以通过过滤分区布局returns的节点来加速它，以折扣小于某个角度（d.dx）的节点，看这里的bl.ocks -->

特别是这些行 -->

var nodes = partition.nodes(json)
      .filter(function(d) {
      return (d.dx > 0.005); // 0.005 radians = 0.29 degrees
      });

当然，如果您想全部显示，您可以在任何转换完成后通过移除过滤器重新布局

Sunburst D3 with 10.000 items