使用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 + ")");