Canvasで超可愛いグラフが作れる！「Chart.js」の紹介 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは。デザイナーのハルエです。 最近ちょくちょくグラフを用いた制作物に関わることがあり、案件によってはエンジニアさんにお願いしたりIllustratorのグラフツールで作ったりしていたのですが、なんやかんやで時間とられちゃうんですよね。で、もっとこうオシャレでスマートにさくっとハイテンションで作れるものはないかと探してみました。 そこで見つけたのがこれ。「Chart.js」。 めちゃくちゃ愛くるしい動きをしてくれます。デザインもフラットでいい！ ポートフォリオやプレゼンなんかにもきっと役立ちますよ。 Chart.jsとは？ 折れ線グラフ、棒グラフ、円グラフ、レーダーチャートなど、6種類のグラフが簡単に描けてしまうJavascriptのライブラリです。 HTML5のCanvasを使って描画され、表示の際の気持ちいいアニメーションの動きが特徴的です。とても分かりやすいマークアップなので、
chart.jsで複数のグラフを重ねる方法 - Tech Design
Chart.jsって？ ブラウザ上で色んなグラフを簡単に作れちゃう素晴らしいライブラリ 参考リンク Chart.js | Easy, object oriented client side graphs for designers and developers Canvasで超可愛いグラフが作れる!「Chart.js」の紹介 | 株式会社LIG このグラフ、一度描画させるのは非常に簡単。 サンプルの紹介ページもたくさんある。 しかし、複数のグラフを重ねているサンプルをあまり見ないので作ってみた。（今回はレーダーのグラフで試してみた） chart.jsの使い方 そもそもの使い方としては、jsonデータでグラフの値をセットしてあげてchart.js側で用意されている関数を叩けば普通に描画は出来る。 こんな感じで↓ var radarChartData = { labels : ["a","b"
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Loading...
