如何将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();

在这里完成示例.

尝试```var axis = d3.svg.axis().scale(scale).tickSize(0).tickPadding(9);```得到一个没有可见刻度的轴,即使在末端也是如此.填充确保标签仍然最终位于相对于轴的相同位置.您仍然需要引用Lars代码来获取您的圈子. (3认同)