Javascript 当我有太多节点时,分层边缘绑定会滞后

Javascript 当我有太多节点时,分层边缘绑定会滞后,javascript,performance,d3.js,hierarchical-data,Javascript,Performance,D3.js,Hierarchical Data,我使用此链接创建边缘绑定。问题是我有太多的节点,我实现了一个函数来缩放和拖动视图 svg.call(d3.zoom() .extent([[0, 0],[width, width]]) .scaleExtent([1, 8]) .on("zoom", zoomed) ); g = svg.append("g").attr("class", "gContainer"); function zoomed() {

我使用此链接创建边缘绑定。问题是我有太多的节点,我实现了一个函数来缩放和拖动视图

svg.call(d3.zoom()
.extent([[0, 0],[width, width]])
.scaleExtent([1, 8])
.on("zoom", zoomed)
);

g = svg.append("g").attr("class", "gContainer");

function zoomed() {
  g.attr("transform",  d3.event.transform);
}
但是因为我有大约1500多个节点,所以速度非常慢而且滞后。我以为视图仅在开始时渲染,但当我移动视图时,浏览器似乎会重新渲染它。有没有可能进展得更顺利