グラフライブラリは多種多様に存在する。google trendで、highcharts、Google Charts、chart.jsなど、今選択するなら何がよいのか調べてみた。
結論
Highchartsを採用。商用利用は有償。有償を避けたいならGoogle Chartsを採用。
理由
圧倒的に使われている(っぽい)から。Googleトレンドでの他のライブラリとの比較。上記で圧倒的に差をつけられたChart.jsと他ライブラリ jqplot、amcharts、chartist.js、c3.js との比較。
その他のライブラリ Canvas.js、plotly.js、taucharts.js、sigma.js はさらに比較にならない。
Highcharts
highcharts公式サイト
http://www.highcharts.com/参考になるサイト
http://yubais.net/doc/highcharts/商用は有償
http://www.altech-ads.com/Others/Highcharts.htm?gclid=CLOoiPif1MMCFRUGvAodPAEA0g- High-five License : 64,216 円
- Highcharts - Single Developer License : 64,216 円
デモ
http://www.highcharts.com/demoGoogle Charts
Google Charts公式サイト
https://developers.google.com/chart/商用利用可
Frequently Asked Questions # commercial use - Google Chart Tools — Google DevelopersTerms of Service - Google Chart Tools — Google Developers
デモ
https://developers.google.com/chart/interactive/docs/gallery調査メモ
highcharts
- ベクターデータでグラフ描画できる。
- とにかく綺麗。
- オプションしだいで細部までいじれるので好き。
- Gemもあるのでとにかく便利です。lazy_high_charts このGemを使う際はController上に直接書くとControllerをかなり汚すのでHelper化してしまいましょう。
- ptengineというアクセス解析サービスで使っていた。
- 動きが恰好よい。マップもあるしぱねぇ。
- iphone4だとちと重い。
- 商用に限り有料。ライセンス購入が必要。結構高い。
Google Charts
- 仕上がりがちょっとダサい
jqplot
- jqueryのプラグイン
- 日本語ですごいいっぱいサンプルがあって、非常に助かる。これ凄いな。http://alphasis.info/jquery-plugins/jqplot/
amcharts
- MicroSoftやAmazonも使用していライブラリ。
- ここで紹介する中でも一番多機能だと思います。
- デザインもフラットできれいなのでチャート単体でも映えるので、色々なところに使えそうです。
chart.js
- シンプルで、動きがあって、見ためはcchart.jsより好み。
- ccchartは自分のやりたいことがほぼできたので、機能的に不満はないけど、こっちがどれだけのことが出来るかチェックしてみよう。
- HTML5 canvasベースのJSライブラリ。
- フラットなグラフをかける。
参考
- http://qiita.com/hurutoriya/items/727296839a2ec638fdc4
- http://www.fwoabw.info/entry/20130924/1380008062
- JavaScriptでグラフ描画入門!全8個のライブラリをコード付きで一挙に解説!
0 件のコメント:
コメントを投稿