1
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 3 years have passed since last update.

JSのグラフライブラリを今選ぶならHighchartsで決まり(2015年2月版)

Last updated at Posted at 2020-09-16

(元記事を更新したのでこちらに退避)
(更新した2020年9月版はこちら
.
.
.

更新記事を書きました。(2017年1月)
http://grgrjnjn.blogspot.jp/2017/01/jshighchartsgoogle-charts.html

.
.
.

グラフライブラリは多種多様に存在する。google trendで、highcharts、jqplot、amcharts、chart.jsなど、今選択するなら何がよいのか調べてみた。

#結論
Highchartsを採用。商用利用は有償。

###理由
圧倒的に使われている(っぽい)から。Googleトレンドでの他のライブラリとの比較。

###Highcharts公式サイト
http://www.highcharts.com/

参考になるサイト

###商用は有償
Highcharts - Single Website License : 13,501円
Highcharts Single Developer License : 59,070円
http://www.altech-ads.com/Others/Highcharts.htm?gclid=CLOoiPif1MMCFRUGvAodPAEA0g

###デモ
http://www.highcharts.com/demo

Highcharts_demos.png

##調査メモ

###highcharts

  • 動作にはjQueryが必要(v3.0.5からはjQueryなしで利用可能)
  • ベクターデータでグラフ描画できる。
  • とにかく綺麗。
  • オプションしだいで細部までいじれるので好き。
  • Gemもあるのでとにかく便利です。lazy_high_charts このGemを使う際はController上に直接書くとControllerをかなり汚すのでHelper化してしまいましょう。
  • [追記]商用に限り有料
  • ptengineというアクセス解析サービスで使っていた。
  • 動きが恰好よい。マップもあるしぱねぇ。
  • iphone4だとちと重い。
  • 商用利用不可でライセンス購入が必要。結構高い。

###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

1
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
1
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?