こんにちは、okutani(@okutani_t)です。先日、Google Analyticsのデータを整形して表示するツールを仕事で作ってました。 そのときに、「Chart.js」なるものを見つけて使ってみたのですが、なかなかオシャレでよさげだったのでご紹介します。 Chart.jsを使うとWebサイト上でグラフがかんたんに作成できます。特徴としては「フラットデザイン」「HTML5のCanvasを使っている」「IE8対応」「jQueryが不要」などなど。 非プログラマーでも比較的かんたんに設置できるかと思いますので、グラフを使う機会があれば参考にしてください。 では、さっそくChart.jsの導入&利用方法についてみていきましょう。 スポンサーリンク Chart.jsの導入方法 Chart.jsの導入方法をみていきましょう。下記公式サイトへアクセスします。 LINKChart.js |
![グラフ作成にオススメ!「Chart.js」がかんたんに使えてイイ感じ | vdeep](https://cdn-ak-scissors.b.st-hatena.com/image/square/b7338eac09313f8b6137cc6911076c9d20c9f992/height=288;version=1;width=512/http%3A%2F%2Fvdeep.net%2Fwp-content%2Fuploads%2F2016%2F06%2Fchart-js.png)