javascript
線、棒、円形などのグラフを描画してくれるjQueryプラグイン2選
2020年09月23日 8:00
こんにちは、hgmです。
今回は線、棒、円などのグラフを描画してくれるjQueryプラグインを2点ご紹介したいと思います。
グラフを表示するにはデザインした画像を貼り付ける形でも問題無いと思いますが、
jQueryプラグインを使用することで数値の変更がすぐ反映できる、プラグインによってはアニメーションが付けられる等のメリットがあります。
Chart.js
棒グラフ、線グラフ、円グラフ、面グラフ、曲線グラフ、対数目盛、時間のグラフ表示が可能です。
アニメーションなどのオプションも豊富で細かく設定できるので、理想通りのグラフ設置ができると思います。
サンプル
See the Pen dyMQmxj by Sara Higuma (@higuma) on CodePen.dark
各グラフの公式デモ
導入やオプションなどのドキュメント
Google Charts
Googleが出しているシンプルなjQueryプラグイン。
見た目はシンプルですが棒グラフ、線グラフ、円グラフ、面グラフ、散布図に加え、ツリーマップや組織図、タイムラインやゲージなど幅広い種類のものがあります。
サンプル
See the Pen xxVQebp by Sara Higuma (@higuma) on CodePen.dark
各グラフの公式デモ
導入やオプションなどのドキュメント
関連記事
この記事を書いた人
hgm
農業高校出身フロントエンドエンジニアの社員hgmです。 猫センサー搭載済みの愛猫家。 広い視野を持って日々邁進していきます！
