minmin_21 https://blog.hatena.ne.jp/minmin_21/ minminの備忘録 https://minmin-21.hatenablog.com/ Tech Vue vue-chartjs Chart.jsのvue用のラッパーであるvue-chartjsを使って、いろんなグラフを書いてみたので、その簡単な使い方と詰まったところを紹介したいと思います 実装はgithubに公開してあります github.com 完成イメージはこんな感じです 完成イメージ コンポーネント構成 今回は、折れ線グラフ(Line chart)・棒グラフ(Bar chart)・円グラフ(Pie chart)を以下のような構成で実装しました コンポーネント構成 各コンポーネントごとに.vueファイルを作成したので、一つずつコード＋簡単な解説という感じで紹介していきます App.vue <template> <d… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fminmin-21.hatenablog.com%2Fentry%2Fvue_chartjs" title="vue-chartjsでいろんなグラフを書いてみる - minminの備忘録" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> https://cdn-ak.f.st-hatena.com/images/fotolife/m/minmin_21/20190503/20190503112608.png Hatena Blog https://hatena.blog 2019-05-03 11:39:03 rich https://minmin-21.hatenablog.com/entry/vue_chartjs 1.0 100%