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