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. Sticky Multi Header Scroll
  2. jQuery Gridly

    JavaScript

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

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

  3. jQueryでウィンドウサイズによって処理を変える

    JavaScript

    jQueryの基本的なanimateメソッドを使って適当に遊んでみる

    jQueryのanimateメソッドを使えば自分で好きなようにアニメー…

  4. Playful Little Tooltip Ideas
  5. Zoom Slider

    JavaScript

    ズーム機能を備えたシンプルなコンテンツスライダー「Zoom Slider」

    Zoom Sliderは奥行き感を演出したズーム機能を備えたシンプルな…

  6. jcSlider

    JavaScript

    CSS3を使ったレスポンシブ対応スライダーを実装できるjQueryプラグイン「jcSlider」

    jcSliderは、アニメーションを使用しないスライダーのプラグインで…

最近の記事

  1. iPhone 11 Pro Smart Battery Case ホワイト
  2. 渋谷スクランブル交差点
  3. ベーコンエッグ&厚切りバタートースト
  4. 有栖川公園
  5. 広尾のスタバ

アーカイブ

PAGE TOP