在d3.js图表中,默认情况下,x轴线(条形和条形标签之间的黑线)排序如下：| —————- |,请参见屏幕截图下面：
如何将其更改为直线(两端没有垂直线)？
查看生成的SVG,此代码似乎确定了样式：< path class =“domain”d =“M0,6V0H824V6”>< / path> ;,这是由D3自动生成的. 谢谢！
解决方法
这由
axis.outerTickSize()控制：
An outer tick size of 0 suppresses the square ends of the domain path,instead producing a straight line.
您需要做的就是设置axis.outerTickSize(0).
