我正在按照这里的例子来移除条形图中的末尾刻度线,具体如下:
然而,这并没有移除y轴端点处的刻度线。
现在,当我输入以下代码行时:
var yAxis = d3.axisLeft(yScale);
yAxis.tickValues([0, 500, 1000, 1500, 2000, 2500]);
yAxis.tickSizeOuter(0); // <--- This does not remove the end ticks
然而,这并没有移除y轴端点处的刻度线。
现在,当我输入以下代码行时:
yAxis.tickSize(0);
我能够移除y轴上的所有刻度。
为什么tickSizeOuter(0)
代码不起作用,如何只删除最后一个刻度?
这是我在Angular项目中使用的d3版本:
"d3": "^5.9.1"
0
和2500
(即[0, 2500]
),则没有末端刻度线。 - Gerardo FurtadoyAxis
包装在g
中并调用它:svg.append("g").attr("id", "yAxisG").call(yAxis)
; (2)从组中删除第一个<path>
元素:d3.select("g#yAxisG").select("path").remove();
- KiriSakow