d3.js - 在 ie8 和 ie9 中使用 selectAll 的性能问题

Question

我们正在使用 selectAll 函数，我们将数据传递给绘图对象。数据包含 2000 个元素的数组，同时绘制它在 ie8 中花费了很多时间，并且在加载它时要求停止脚本。

我们正在使用 d34raphael 来赋予它类似 d3 的功能。

例如。

var raphael = new Raphael(document.body,0,0);
var d3_raphael = d3.raphael(raphael);

var svg = d3_raphael.select("body").append("svg:svg")
.attr("width",1000)
.attr("height",600);


svg.selectAll("circle")
.data(Data)
.enter()
.append("circle")

Answer 1

问题不在于您正在使用.selectAll()，问题在于您一次绘制 2000 个元素。这也不是 D3/Raphael 问题，而只是 IE 呈现页面所需的时间。

如果可能的话，您可以尝试仅加载部分数据以防止浏览器锁定。除此之外，你真的无能为力。