knaka Tech-Blog

AI, IoT, DIYエレクトロニクス, データサイエンスについて投稿予定です。

chart.js グラフの追加、Vue.js +express +mongoDB版

index:

概要:

前のVue.js + express  関連になりますが、
chart.js でグラフ描画の追加となります。

・グラフ画面は、 chart.js + axiosで、mongoDbからデータ読み込み
・その他、Vue.js +axios でデータ登録、編集、一覧の表示

環境

node.js 10.16.0
express : 4.16.1

参考のコード

github.com

参考のHTML

https://github.com/kuc-arc-f/app4_chart1/blob/master/doc/t2.html

f:id:knaka0209:20190812151155p:plain

chart.js 読み込み 、CDNですが

https://cdn.jsdelivr.net/npm/chart.js@2.8.0/dist/Chart.min.js