前回に引き続き、Chart.jsのTipsです。 Chart.jsを使いグラフを表示してみる 今回はAngular.jsとChart.jsを組み合わせて、動的に値が変化するグラフを作ります。 Angular.jsの基本的な使い方は割愛します。 ちなみに今回使用するバージョンは下記のとおりです。 Angular JS v1.4.9 Chart.js v1.0.2 Angular.jsでフォームをバインドする まずはangular.min.jsを下記サイトよりダウンロードしてきましょう。 Angular JS CDNにも公開されていますが、セキュリティ面で外部ソースを引っ張るのはあまり良くないとのことですのでダウンロード版を使いましょう。 (今回のデモを作る程度でしたら、CDNでも問題ありません。) コントローラー&フォームバインドの簡単なコードが下記です。 <!DOCTYPE html> <
![Chart.jsとAngular JSを組み合わせて動的なグラフを生成してみる](https://cdn-ak-scissors.b.st-hatena.com/image/square/76fb009abb4d3e6ffa0225500751ee1a025d7628/height=288;version=1;width=512/https%3A%2F%2Fi1.wp.com%2Fmatorel.com%2Fwp-content%2Fuploads%2F2016%2F02%2Fchartjs-demo.png%3Ffit%3D795%252C561%26ssl%3D1)