オープンソースのHTML5チャートライブラリ「Chart.js」

[PR]記事内のアフィリエイトリンクから収入を得る場合があります
  • URLをコピーしました!

Chart js | HTML5 Charts for your website

オープンソースのHTML5+JavaScriptのチャートライブラリ「Chart.jsが公開されています。ライセンスはMITライセンス。

チャートは6種類

描画できるチャートは全部で6種類。

Chart js | HTML5 Charts for your website 1

ラインチャート。

Bar

バーチャート。

Chart js | HTML5 Charts for your website 2

レーダー。

Chart js | HTML5 Charts for your website 3

パイチャート

Polar

Polar areaチャート。

Donut

ドーナツチャート。

使い方は簡単

ダウンロードしてみました。例えばラインチャートを描画するコードは以下のようになっています。




Line Chart







使うのも簡単っぽいですね。グラフが表示されるときの演出もカッコイイです。

よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!
目次