JavaScriptで爆速グラフ・チャートが作成できる「CanvasJS」を使ってみた！ : うえぶはっく

ちょっとしたデータをサクッと「グラフ」や「チャート」にして、Webページに素早く公開したい人に最適なJavaScriptライブラリ「CanvasJS」のご紹介です！ 類似のライブラリはいくつかありますが、「CanvasJS」はわずか数行のコードですぐにグラフが作成でき、なおかつ豊富なパラメータをいじることで驚くほど細かいカスタマイズも実現できるのが特徴的です。 今回は、基本的な使い方を中心にご紹介しようと思います！ 必要なファイルを準備しよう！ 「CanvasJS」の本体ファイルは、サイトのトップページからダウンロードできますが、CDN経由からも利用できるようになっています。 https://cdnjs.cloudflare.com/ajax/libs/canvasjs/1.7.0/canvasjs.min.js これを、HTMLファイルに読み込みます！ // index.html <!d

[infobloga]

グラフのカスタマイズをユーザ側にさせたい（グラフ設定画面をユーザに使わせたい）なら、Google Chart Tool。そうでなければ、nvd3がおすすめ。

[kijtra]

これは他の類似と違ってIE6からレスポンシブまで対応してるのが強い。

[soulja_boy]

Canvas JS

[rk8549]

CanvasJSの使い方[jQuery]

[sippo_des]

　「CanvasJS」

[otherworld]

SVGベースのHighchartsなどと比べるとCanvasベースなので表示すべきデータが増えた時に真価を発揮すると思う。

[naga_sawa]

CanvasJSの使い方

[shinagaki]

どうせ商用有償なら、highchartsでいいじゃん

[rmomu]

いいね

[akiramaz]

爆速なのが売りなのか、そうでないのか

[kueaokukoe]

JavaScriptで爆速グラフ・チャートが作成できる「CanvasJS」を使ってみた！ - うえぶはっく

[kabacsharp]

CanvasNative恐るべし。。。

[warucoma]

便利そう

[hosicame]

Google Chart Toolかnvd3でも

[neo_ho_ren_so]

グラフJSの参考に！

[omron]

データの可視化をやらないとなー

[sakidatsumono]

こんなのがなかった時代に強引にチャートを書いたことがあったなあ

[yasu-log]

CreateJS ( https://ics.media/tutorial-createjs/index.html )のことかと思いました。

[takryou79]

CanvasJS

[tohima]

爆速かどうかはよくわかんないけど簡単そう

[MonMonMon]

[]

[kmatz90]

D3と似てない？

[takashiski]

既存ライブラリに対しての優位性がよくわからなかった