Vue.jsでApexchartsを使ってグラフ描画を行う - Qiita

Vue.jsでのグラフ描画ライブラリの選定について Apexcharts, vue-apexcharts を使って、Vue.jsで各種グラフの描画をおこなってみます。 当初、vue-chartjs を使っていたものの、柔軟性に欠ける、見た目があまり良くない、コードが複雑になりがち等の理由で乗り換えました。 描画結果 今回、折れ線グラフ、円グラフ、棒グラフ (横型) の描画を行ってみました。結果は以下。 良い点 色々なカスタマイズ項目があり、細かい要求に対して融通が利きやすい 今回のような単純な例の他、人口ピラミッド、ヒートマップ、地図、ローソク足等色々なグラフの描画が可能 マウスカーソルをグラフ上にあてると特定の結果をハイライト表示できる 折れ線グラフはブラウザ上で横軸のズームイン、ズームアウトができる 画像としてダウンロード可能 トランスパイルすればIE11にも対応 参考: 公式のデモ