[Nuxt.js]FusionCharts導入覚書 – Vueフレームワーク編

前回書いた[Nuxt.js]FusionCharts導入覚書 – Plain javascript編のvueバージョンです。 以前はVueフレームワークバージョンのfusionChartsを使うと動かなかったのですが、大先輩の偉大な助けにより解決したので備忘録。結論から言うと、FusionChartsのプラグイン化が必要でした。 Vueを使っている人は、シンプルにこちらを参照すれば実装できると思います。https://cfusioncharts.com/dev/getting-started/vue/your-first-chart-using-vuejs バージョン MacOs 12.1 node v16.2.0 yarn 1.22.10 nuxt 2.15.7 fusioncharts 3.18.0 ライブラリを追加 fusionchartsは3系だとエラーが出るので2系に。該当のプロジェクト内で下記を実行。 npm の人 plugins/fusioncharts.js pluginsにDependencyを追加。チャートの種類などはここに記載されている。https://www.fusioncharts.com/dev/chart-guide/list-of-charts nuxt.config.js pages/chart.vue ページ名はなんでもいいですが…