はじめに これはVue Advent Calendar 2019 5日目の記事です。 最近、Vue.jsで集計結果をグラフ描画する機会がありました。 Vue グラフ描画で調べると基本的にCharts.jsが出てきます。 色々、考えt時に、Google chartsが便利だったので紹介したいと思います。 google chartsとは google chartsとは、googleの図表描画ライブラリです。 スプレッドシートとかで使われているグラフを描画できるイメージです。 プロジェクト作成 素のVue.jsではなく、Nuxt.jsでやっていたためNuxtでプロジェクト作成 yarn create nuxt-app charts-sample # yarnを選択 # cssフレームワークはbulmaを選択 cd charts-sample yarn dev