d3.js - d3轴方向：中心

Question

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

我知道我的图表的尺寸，假设它是 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);

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