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

関連記事

  1. Ziehharmonika

    JavaScript

    かっこいいアコーディオンを実装できる軽量のjQueryプラグイン「Ziehharmonika」

    アニメーションがとてもクールでかっこいいアコーディオンを実装することが…

  2. jQuery touchSwipe Carousel
  3. no-image

    JavaScript

    カスタマイズ性の高いjQueryアラート・モーダル・lightboxプラグイン「jAlert」

    jAlertはカスタマイズ性の高いjQueryアラート・モーダル・li…

  4. NO IMAGE

    JavaScript

    レスポンシブ対応のスタイリッシュなスライドショー実装「offbeatSlider」

    offbeatSliderはレスポンシブに対応したアニメーション付きの…

  5. jQuery Gridly

    JavaScript

    クリックしてその場で拡大したりドラッグで配置を入れ替えたりできるプラグイン「jQuery Gridl…

    おもしろいjQueryプラグインがあったのでご紹介します。クリックして…

  6. marginotes

    JavaScript

    テキストの余白に注釈をつけて読みやすい記事をつくれる「marginotes」

    marginotesは、クールなマージンノートを作成するjQueryプ…

最近の記事

  1. 久保田城
  2. ハードサイド CS80
  3. ACC-TRBX
  4. ピスタチオ クリスマス ツリー フラペチーノ

Instagram始めました

Facebookページ

PAGE TOP