背景

reactでグラフを描きたくなりまして、いくつかmoduleがあるのですが、一番人気がありそうなreact-chartjs-2を選択しました。
参考記事を参照してサンプルコードをそのまま走らせてもうまくできなかったので、備忘録代わりに投稿します。

環境

コンテナで作業しています。

参考記事は腐るほどみつかります。

でも、コピペして実行してみるとブラウザには真っ白な画面。デベロッパーツールでなにやらエラーがたくさん。はてはて

エラーメッセージの「Uncaught Error: "category" is not a registered scale」でgoogle検索してみると見つかりました。

結果、こちらの二行を追記することで解消。

import { Chart, registerables } from "chart.js"
Chart.register(...registerables)

こんな感じになりました。めでたしめでたし。