ウェブと食べ物と趣味のこと

読者です 読者をやめる 読者になる 読者になる

ウェブと食べ物と趣味のこと

格安SIMのこと、windows10、迷惑メールネタ、写真ネタなど。困った方の参考になる記事を心掛けます。

【Webサイト】無料で使えるグラフライブラリ6選

サイト運営 プログラミング

スポンサードリンク

f:id:photoblg:20160311003417j:plain

こんにちは。

仕事でウェブサイトにグラフを設置することがあるのですが、割といつも同じライブラリに偏りがちです。

次回使用時の為にどんなものがあるかまとめてみました。

※個人使用は無料。商用利用有料のものもあり。

 amCharts

f:id:photoblg:20160310230300p:plain

amChartsはFlash主流の時から使っているので一番馴染みがあります。

グラフの種類も豊富。ライセンス購入しない場合はロゴが入りますが機能は損なわれないので個人で使うにはオススメです。

折れ線グラフ、棒グラフ、積み上げグラフ、ドーナツチャート、バブルチャート他作成可能。

  • 商用ライセンス140ドル~

HighCharts

f:id:photoblg:20160310232308p:plain

ベクターデータでグラフ描画できるためとても綺麗。jquery必須。

会社にライセンスがあるのだけど実は使ったことがない・・(苦笑)動きのあるグラフが多数選べるのでなかなか使えるライブラリ。

折れ線グラフ、棒グラフ、積み上げグラフ、ドーナツチャート、バブルチャート他作成可能。

  • 商用ライセンス390ドル~

JSCharts

JSChartsは超シンプル軽量なグラフを生成できます。Online editorで数値や色を決めてタグをコピーしてくるだけでウェブに埋め込めるので、ちょっとしたシーンで使えそうです。

折れ線グラフ、棒グラフ、ドーナツチャートが作成可能。

  • 商用ライセンス79ドル~

f:id:photoblg:20160310233419p:plain

JS Charts - Free JavaScript charts

morris.js

morris.jsでは手軽にリッチなSVGグラフが生成できます。ツールチップなども出て見た目も充分良いです。

折れ線グラフ、棒グラフ、積み上げグラフ、ドーナツチャートが作成可能。

  • BSD ライセンス

f:id:photoblg:20160310234249p:plain

morris.js

Google Charts

GoogleChartsも割とサクッとSVGグラフを作れる1つ。ただ見た目が野暮ったくてデフォルトだとExcelのグラフのようになってしまう。。

動作も軽いので見た目はあまり重視しないちょっとしたグラフなら良いかも。

折れ線グラフ、棒グラフ、バブルチャート、ヒストグラム、ドーナツチャート、ろうそく足チャート他作成可能。

  • 商用利用可能

Chart.js

HTML5のCanvasで描画され見た目も良く軽量。レスポンシブも対応。

折れ線グラフ、棒グラフ、レーダーチャート、ドーナツチャート、ポーラーチャート他作成可能。

  • MITライセンス

まとめ

この中で一番使っているのはamChartsなんですが、ユーザーサポートがとても親切で対応が早いです!(ただし英語)グラフライブラリって誰でも使っているわけではないので内容によっては情報が少ないのでサポート体制は結構大事だったりします。

今回紹介した以外もまだまだたくさんありましたが、Chart.jsとmorris.jsが気になったので今度使ってみようかな。

 

 

関連記事

www.weblog-life.net

www.weblog-life.net

スポンサードリンク