当方向位于顶部时，如何在d3 js中定义ticksize参数？

Question

我正在浏览以下代码。这里ticksize传递一个负面的参数。我认为积极的论点应该没问题，但事实并非如此，因为它应该从顶部划出一条线。我想知道为什么？是否由于可能发生了一些内部转变？

var xAxis = d3.svg.axis()
.scale(x)
.orient("top")
.tickSize(-height - margin.bottom)
.tickFormat(format);

代码是链接的一部分：Mike Bostocks' Object Constancy Explanation。提前谢谢。

Answer 1

SVG中具有负尺度的东西被颠倒了。刻度线在d3中缩放，因此它们以相同的方式工作，因此如果你有一个正的tickSize，它会在轴线之外绘制，如果它是负的，则会在线内绘制。