Techvenience

Technology × Convenience - Vue / React / Next / Nuxt / ChatGPTなどのIT技術がもたらす便利さをお伝えします。最近はChatGPTなどのAI技術を使ってブログを書いています。

【OnsenUI・Angular】Chart.jsでグラフ実装 NVD3でできなかったので【Monaca・ハイブリッドアプリ】

【OnsenUI・Angular】Chart.jsでグラフ実装 NVD3でできなかったので【Monaca・ハイブリッドアプリ】

f:id:duo-taro100:20160218004611p:plain

以前、以下の記事を書いたけど、(他の方法で)解決したのでご報告。

it-innovation.hatenablog.com

NVD3を使用したグラフは上手く動かなかった。動いたけど、サイズが小さく表示されてしまい、原因がわからなかったので思い切ってChart.jsを使うことにした。
こちらの2つのサイトを参考させてもらった。


press.monaca.io

www.webprofessional.jp


<実装>
今回は割愛。
他のところで紹介します。

→2017/8/23追記
http://it-innovation.hatenablog.com/it-innovation.hatenablog.com


出来上がったのがこれ。(上記実装はサンプルデータなので、このグラフのようにはならない。)

f:id:duo-taro100:20170823125531p:plain

棒グラフにした。