d3.js - 如何将d3刻度线更改为圆圈

Question

如何在 D3 轴上创建这样的刻度线？

--o---o---o---o---o

而不是默认的---|---|---|

我搜索了 D3 示例，但看不到任何将刻度线从线条更改为圆形的示例。

任何帮助将不胜感激..

Answer 1

开箱即用不支持此功能。但是，您可以使用类似以下代码的方式轻松选择刻度组、附加圆圈和删除刻度线。

var ticks = axis.selectAll(".tick");
ticks.each(function() { d3.select(this).append("circle").attr("r", 3); });
ticks.selectAll("line").remove();

完整的例子在这里。