棒グラフとか線グラフを使いたいなと思い、いろいろ調べた備忘録。全体の流れはこんな感じ。Githubこの例は折れ線グラフのため、Lineをextendsしてるけど、ほかのチャートは、それぞれコンポーネントを用意すればOK棒グラフの場合はこんな感じ。コンポーネントを配置する2.で作成したコンポーネントChartLineとChartBarを配置する。チャートのデータ(chartData)やオプション、スタイルをpropで設定。́ω`)ただ、サイズを変えるのは一苦労...注意するのは3つ。relative;vue-chartjsにはchartStyles以外にもpropがあるので、ほかは公式ドキュメントを参照いろいろ設定を変えてみる色や形を変えるなどチャート自体の設定は、chart.jsの公式ドキュメントを見ていく感じっぽい。́ω`)ここからは、実際に使ってみた設定例を紹介。長いので、目次を見て好きなのを見るのがオススメ。};線の色を変えても、棒グラフの色は変わらない。};いい感じになったけど、折れ線グラフの場合は、点の背景色も変わるので、透過しないほうが良いかも。色関連の値には、rgbaも使える。};Barのときにチャートのtypeを指定すると変更できる。documentationこのあたりを見ていくといい感じ。それぞれの例がわかりくくいけど、このあたりにoptionのどこに書けばいいか書いてある。