移動位置使用javascript D3

Question

我創建與D3和JSON一個圖，它是基於這樣的：

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

我完全新來這...我只是可以」 t似乎找出如何將樹的位置移動到頁面的右側或左側。似乎很簡單？

我問的原因是因爲我的一些文字在屏幕的左側被切掉。

任何幫助表示讚賞！

Answer 1

最簡單的方法是調整頂層g元素的transform參數。在這個例子中，它是這樣創建的。

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