关于放大D3径向树

时间:2015-04-16 17:35:54

标签: d3.js

您好我正在学习D3并正在研究这个群集径向树。我被困在径向树的缩放和平移特征。当我尝试放大时,树会进入窗口的(0,0)坐标,并且不会停留在窗口的中心。我想知道是否有人在进行类似项目时想要了解如何在缩放和平移时将树保持在屏幕中心。感谢

1 个答案:

答案 0 :(得分:0)

您需要包含当前缩放平移向量并指定它的坐标。例如,对于我的项目,我不得不使用.translate([480,480])。这似乎是在缩放路径上设置绘图的矢量。以下是我用来调用缩放的代码片段:

d3.select("svg")
  .call(d3.behavior.zoom()
  .center([770,450])
  .scaleExtent([0.3,10])
  .translate([480,480]) //add this to your zoom call, but adjust coordinates
  .on("zoom",zoom))