关于放大 D3 径向树

Question

您好，我正在学习 D3 并致力于此集群径向树。我停留在径向树的缩放和平移特性上。当我尝试放大时，树会移动到 window 的 (0,0) 坐标并且不会停留在 window 的中心。我想知道从事类似项目的人是否愿意阐明如何在缩放和平移时将树保持在屏幕中央。谢谢

Answer 1

您需要包含当前缩放平移矢量并为其指定坐标。例如，在我的项目中，我不得不使用 .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))

关于放大 D3 径向树

About zooming in D3 radial tree

d3.js