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

Question

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

- Ø - 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();

完整示例here。