vue-chartjsでグラフが表示されない問題

vue-chartjsを初めて使用した際につまずいた点をメモしておきます。

問題の背景

公式ガイドを参考に、Chart.jsとvue-chartjsのインストールからチャートコンポーネントの作成までを終え、
ファイルを実行したところグラフが上手く表示されなかった。

Chart.jsのバージョンを戻して解決

Chart.jsは最近大きなアップデートがあったが、vue-chartjsはそのアップデートにまだ対応出来ていない様子。(2021年4月27日時点)
公式ガイドにあるインストール方法ではChart.jsの最新版がインストールされてしまう為、
vue-chartjsを使用するには以下の様にバージョンを直接指定するなどして、Chart.jsを3.0.0より古いバージョンに戻す必要がある。

npm install chart.js@2.9.4