1
我正在尋找一種方法將縮放擬合應用於力有向圖。我已經可以放大/縮小以覆蓋視圖屏幕上的圖形。我不確定有關向力中心的翻譯。任何幫助?如何在D3中縮放和平移到力中心有向圖
我正在尋找一種方法將縮放擬合應用於力有向圖。我已經可以放大/縮小以覆蓋視圖屏幕上的圖形。我不確定有關向力中心的翻譯。任何幫助?如何在D3中縮放和平移到力中心有向圖
如果您已經使用縮放行爲來適應屏幕中的圖形,使用相同的行爲不應該很難翻譯。尋找中心是一個小竅門,但對於一個強制指導佈局,你可能會逃避計算圖形的質心 - 只需要平均節點的所有x和y座標。
calculateTranslation:函數(X,Y){ \t \t //獲得規模 \t \t變種規模= Graph.Zoompos; \t \t //根據比例和視口計算中心 var scaledCenterX =(Graph.width/scale)/ 2; var scaledCenterY =(Graph.height/scale)/ 2; //計算翻譯矢量 var panx = - (x - scaledCenterX); var pany = - (y - scaledCenterY); console.log(panx +「」+ pany); //設置平移向量和比例尺 \t \t d3.zoom.translate([panx,pany]); \t} – user3310597