d3轴方向：中心

Question

在D3中，如何将轴放在图形的中间或中心？ documentation表示“只有上/下/左/右”。

我知道图表的尺寸，假设它是400px×400px。在Protovis我使用

vis.add(pv.Rule).bottom(200)

从底部放置一个200px的轴。我怎么能在D3中做到这一点？

Answer 1

您可以根据需要变换轴。方向仅指蜱和数字放在哪一侧。

参见例如http://alignedleft.com/tutorials/d3/axes/

svg.append("g")
 .attr("class", "axis")
 .attr("transform", "translate(0," + (h - padding) + ")")
 .call(xAxis);

您只需将参数更改为转换即可获得所需内容。