2

こんにちは

現在d3.jsで線グラフを作っているのですが
線グラフをスマートフォン表示させたときに日付のx軸のラベルが重なってしまいます。

目盛りの数をticks()で指定してもd3に強制的に目盛りの数を変えられてしまうので
いい方法がまったく浮かびません。

SVGのサイズにあわせて目盛りの数を減らしたり増やしたりしたいのですが
どのようにすればよいでしょうか。

1 件の回答 1

1

こちらのサンプルコードが参考になると思います。
tickValuesメソッドでフィルターを使い、returnで条件によりtrueを返せば増減させることができます。

Ordinal Tick Filtering

var xAxis = d3.svg.axis()
    .scale(x)
    .tickValues(x.domain().filter(function(d, i) { return !(i % 2); }))
    .orient("bottom");

この質問に回答するには、ログインする必要があります。

求めていた回答ではありませんか? のタグが付いた他の質問を参照する。