D3.js 如何将d3记号线更改为圆

D3.js 如何将d3记号线更改为圆,d3.js,D3.js,如何在D3轴上创建这样的记号 --o--o--o--o--o 而不是默认值 ---|---|---| 我搜索了D3示例,但没有看到任何将记号从直线改为圆圈的示例 非常感谢您的帮助。这不是现成的支持。但是,您可以很容易地选择记号组,附加圆圈,并使用类似于以下代码的代码删除记号行 var ticks = axis.selectAll(".tick"); ticks.each(function() { d3.select(this).append("circle").attr("r", 3); });

如何在D3轴上创建这样的记号

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

而不是默认值 ---|---|---|

我搜索了D3示例,但没有看到任何将记号从直线改为圆圈的示例


非常感谢您的帮助。

这不是现成的支持。但是,您可以很容易地选择记号组,附加圆圈,并使用类似于以下代码的代码删除记号行

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

完整示例。

这不是现成的支持。但是,您可以很容易地选择记号组,附加圆圈,并使用类似于以下代码的代码删除记号行

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

完整示例。

Thanx。。正是我需要的..想要提高投票率,但没有足够的声誉-(还有一点需要澄清。)在JS Fiddle示例中,第一个和最后一个刻度线的刻度线仍然可见。。即使删除了这些线,它是如何发生的?它们实际上是构成轴线的路径的一部分。
路径的一部分。删除这些刻度线将更为棘手——您必须修改路径或删除d redraw.Ok..会研究的..现在我刚刚增加了圆半径:-)尝试
var axis=d3.svg.axis().scale(scale).tickSize(0).tickPadding(9)
获取没有可见记号的轴,即使在末端也是如此。填充可确保标签仍然位于相对于轴的相同位置。你仍然需要拉尔斯引用的密码才能得到你的圆圈。Thanx。。正是我需要的..想要提高投票率,但没有足够的声誉-(还有一点需要澄清。)在JS Fiddle示例中,第一个和最后一个刻度线的刻度线仍然可见。。即使删除了这些线,它是如何发生的?它们实际上是构成轴线的路径的一部分。
路径的一部分。删除这些刻度线将更为棘手——您必须修改路径或删除d redraw.Ok..会研究的..现在我刚刚增加了圆半径:-)尝试
var axis=d3.svg.axis().scale(scale).tickSize(0).tickPadding(9)
获取没有可见记号的轴,即使在末端也是如此。填充可确保标签仍然位于相对于轴的相同位置。你仍然需要拉尔斯引用的密码才能得到你的圈子。