檢測d3.js中的可見節點在縮放平臺後強制佈局

Question

我在d3.js中使用強制導向佈局來加載一次以定位節點和邊緣。然後我可以縮放和平移svg。當我放大時，我想檢測哪些節點和邊緣可見，這樣我就可以只爲可見節點和邊緣實現延遲加載附加數據。

有誰知道什麼是獲得（部分）可見元素的最佳方式？

代碼如下（只是貼一些例子一起）：

var svg = d3.select("#chart") 
    .append("svg") 
    .attr("width", width) 
    .attr("height", height) 
    .attr("pointer-events", "all") 
    .append('svg:g') 
    .call(d3.behavior.zoom().on("zoom", redraw)) 
    .append('svg:g') 

svg.append('svg:rect') 
    .attr('width', width) 
    .attr('height', height) 
    .attr('fill', 'white') 

function redraw() { 
    trans=d3.event.translate; 
    scale=d3.event.scale 
    svg.attr("transform", "translate(" + trans + ")" + " scale(" + scale + ")") 
    console.log(scale) 
} 

Answer 1

如果您正在使用天平，你可以找到使用scale.invert當前可見的範圍內。因此，要找到寬度爲600px的軸的可見值，請使用x.invert(0)和x.invert(600)。