Svg D3.js更改x轴路径线样式

在d3.js图表中，默认情况下，x轴线（条形图和条形图标签之间的黑线）类似于此：|-------------------------------------------------------------请参见下面的屏幕截图：

我如何将其更改为一条直线（两端没有垂直线）

查看生成的SVG，这段代码似乎决定了样式：

，它是由D3自动生成的

谢谢

这由以下因素控制：

外部刻度大小为0将抑制域路径的方端，而不是生成一条直线

---

您只需设置axis.outerTickSize（0）Lars Kotthoff的答案对于4.x之前的d3版本仍然有效，版本4将其更改为

axis.ticksizeout（）

。请注意，

tickSize（）

也会修改外部刻度，这意味着调用

tickSize（）

和

ticksizeout（）

的顺序很重要

d3.axisBottom(xScale)
    .tickValues(series)
    .tickSize(5)
    .tickSizeOuter(0)
);

---

你试过axis.outerTickSize（0）吗？可以！我读了有关这方面的文件，但没有领会其中的含义。如果你想把你的回答变成答案，我会接受的。