コンテンツとしてグラフを表示する要件があったので、いくつか調査し一番良さそうだったのがjqplot。
Jquery(JavaScript)ベースなので、スマホへの対応も意識せずにできます。
jqPlot: http://www.jqplot.com/
こんな感じのグラフがかなり簡単に実装できます。
使い方
ダウンロードページから最新版一式をダウンロードします。
折れ線グラフを作成するには展開したフォルダの中の以下の３つのファイルをピックアップします。
jquery.jqplot.min.css
jquery.jqplot.min.js
/plugins
┗jqplot.categoryAxisRenderer.min.js
簡単なサンプル
https://gist.github.com/akifumi-kamata/cdfcbd42bda73602bb6b
こんな感じのソースでグラフが簡単に描画されます！
オプションも豊富で線の色や太さはもちろん、かなり細部まで指定ができます。
棒グラフ、円グラフ、ブロックチャート、ドーナツグラフなど様々なグラフが簡易な実装で描けます。当然ながら、dataを外部APIから取得し動的に表示するのも簡単です。
ほかのグラフについては、別の機会に紹介できればと。
