d3.js - d3 轴方向 : center

Question

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

我知道我的图表的尺寸，假设它是 400 像素 x 400 像素。在 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);

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