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