d3.js - 如何删除d3中的第一个刻度

Question

我正在使用 d3 绘制图形。

let y = scaleLinear().rangeRound([height, 0]);
let y_axis = axisLeft(y);

g.append("g").attr("transform", "translate(transltion," + height + ")")
   .call(axisRight(y).ticks(tick))
   .attr("transform", "translate(" + yLeftTrasltion+ "," + yBotmrasltion + ")");

这是绘制 0、10、20、30、40、50。现在，我希望它不显示 0。我怎样才能做到这一点？

Answer 1

删除 0有了第一个勾号，您有两个选择:

调用 .tickValues()在轴元素上，并将您想要显示的值数组传递给它。所以在你没有 0 的情况下应该是 [10,20,30,40,50] .这样，您将不再在轴上渲染 0。完整示例如下所示:

axisRight(y).tickValues([10,20,30,40,50]);

更多手动选项是运行选择并手动删除它。假设您的轴有一个类 .axis .您可以运行 d3 select 以手动删除第一个刻度。请注意，选项 1 更好、更干净。手动删除看起来像这样:

d3.select('.axis .tick:first-child').remove()