javascript - 从 D3.js 轴中删除结束标记

Question

我正在使用(优秀的)D3.js 生成一些图，但我找不到从 x 轴和 y 轴移除结束刻度的方法。

以y轴为例

当结束刻度值与标签重合时，我可以接受它。

但是，当最后一个圆形标签低于绘图末尾时，我得到两个刻度，一个用于最后一个圆形标签，一个位于 y 轴末端的上方。

我不希望这个结束标记可见，因为我发现它出现的时间少于标签之间的常规间隔会分散注意力。

请参阅此处了解我正在描述的示例，0 和 15 处的刻度是结束刻度:

15 ─┐ 
    | 
10 _| 
    |
5  _|
    |
0  ─┤──────

有什么建议吗？

P.S 作为建议的回应，我可以明确设置刻度。但我喜欢隐式生成的刻度的便利性，只是不想让未标记的刻度污染轴。因此，理想的解决方案(如果存在的话)也会考虑在内。

Answer 1

对于任何遇到这个问题的人来说，因为你想要做的就是从轴上移除两端的刻度线，这将达到目的:

.outerTickSize(0)

将其添加到您进行的任何轴调用中，例如:

d3.svg.axis().outerTickSize(0)