【Next.js】rechartsでレーダーチャートを表示する際のTips【株式会社ライトコード】
rechartsとはreactでチャート表示が簡単にできるライブラリです。利用したバージョンrecharts: 2.12.7まずは普通に表示する公式サンプルがあるのでそれを参考に実装するだけです。とりあえずは以下のようなレーダーチャートを作成しました。これを元にTipsを紹介していきます!レーダーチャート周りの文字の表示を調整したい割と簡単にできそうな感じはありますが、けっこう面倒な実装が必要になります。hoge, fuga...の部分こちらの表示はPolarAngleAxisで対応が可能です。おおまかな変更はPolarAngleAxis自体に値を渡せば可能ですが、x,y軸をそれぞれ変更...
Chat with the team