TOAST UI Chart

JavaScript

多彩なチャートを描画できる「TOAST UI Chart」

TOAST UI Chartは多彩なチャートをWebページに描画できるJSライブラリです。バー、ライン、マップ、ヒートマップなど、さまざまなチャートを実装できるので、視覚的に何かをユーザーに伝えたい場合に便利ですね。

TOAST UI Chart

デモ

デモではページ読み込み時には横棒(Bar)のチャートが表示されます。カテゴリ別に色分けされているので、とても見やすいですね。

チャートの下にある、Budget、Income、Expenses、Debtにはチェックボックスが設置されていて、チェックを外すとそのカテゴリがチャートから外れるようになっています。

また、デモページのチャートにはBarの他にも、Column、Line、Area、Pie、Bubble、Scatter、Map、Heatmap、Treemapといったものがあるので、気になる人はぜひチェックしてみてください。

これだけいろんな種類のチャートがあれば、目的のタイプも見つかりやすそうですね。

サポートするブラウザも、クローム、ファイヤーフォックス、サファリ、Edge、IE8+と、いろいろ対応しているところが嬉しいです。

というわけで、Webページにチャートを描画したい人は、ぜひ「TOAST UI Chart」を活用されてみてはいかがですか?

TOAST UI Chart

Dynamic Tableスプレッドシートのようなテーブルを実装できるjQueryプラグイン「Dynamic Table」前のページ

サイドに固定できるナビゲーション実装「Bootstrap Navbar Sidebar」次のページBootstrap Navbar Sidebar

関連記事

  1. Animsition
  2. Grasp Mobile Progress Circle
  3. jQuery contextMenu plugin & polyfill
  4. Horizontal Timeline

    JavaScript

    水平方向のタイムラインを実装できる「Horizontal Timeline」

    Horizontal Timelineは水平方向に移動可能なタイムライ…

  5. JavaScript

    jQueryで好きな要素を浮遊させることができるプラグイン「jqFloat」を使ってみた

    指定した要素をフワフワと浮遊させることができる面白いプラグインを使って…

  6. jQuery-LightBox

    JavaScript

    軽量でモバイルフレンドリーなLightbox実装「jQuery-LightBox」

    jQuery-LightBoxは、軽量でレスポンシブにも対応したモバイ…

最近の記事

  1. そそそ 明太クリームそうめん
  2. すしざんまい
  3. 蒼龍唐玉堂 特製牛バラ担々麺
  4. サーモンアボカドサラダラップとドリップ
  5. 猿田彦フレンチ

アーカイブ

PAGE TOP