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

ここに完全な例があります。