javascript - 使用javascript d3移动树的位置

Question

我正在使用基于此的 D3 和 JSON 创建一个图表：

http://bl.ocks.org/mbostock/4063550

我对此完全陌生......我似乎无法弄清楚如何将树的位置移动到页面的右侧或左侧。看起来很简单？

我问的原因是因为我的一些文字在屏幕左侧被剪掉了。

任何帮助表示赞赏！

Answer 1

最简单的方法是调整transform顶级g元素的参数。在示例中，它是这样创建的。

var svg = d3.select("body").append("svg")
  .attr("width", diameter)
  .attr("height", diameter - 150)
.append("g")
  .attr("transform", "translate(" + diameter / 2 + "," + diameter / 2 + ")");

要将所有内容向右移动，您需要在x翻译中添加一些内容，例如

var svg = d3.select("body").append("svg")
  .attr("width", diameter)
  .attr("height", diameter - 150)
.append("g")
  .attr("transform", "translate(" + (diameter / 2 + 10) + "," + diameter / 2 + ")");