Reactでグラフ作るの巻

rechartsってやつを使ってとりあえず棒グラフを作っています。

github.com

X軸を表現するコンポーネント<XAxis>ってやつなんですが、
歯抜けなデータだと全てのlabel(tick?)が表示されないことがあるっぽいです。

その時はとりあえず以下のようinterval={0}にしておくとよいです。

<XAxis dataKey="name" interval={0} />