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. EasyLoading

    JavaScript

    ローディングアニメーションを手軽に実装できる「EasyLoading」

    EasyLoadingは、ローディングアニメーションを手軽に実装するこ…

  2. Tabby

    JavaScript

    軽量でシンプルなタブメニューを実装できるjQueryプラグイン「Tabby」

    とても軽量でシンプルなタブメニューを実装できるjQueryプラグイン「…

  3. DarkTooltip

    JavaScript

    色んなパターンのツールチップを実装できるjQueryプラグイン「DarkTooltip」

    DarkTooltipというjQueryプラグインを使えば、色んなパタ…

  4. spzoom

    JavaScript

    シンプルで使いやすい画像ズームを実装できるjQueryプラグイン「spzoom」

    spzoomはシンプルな操作性で使いやすい画像ズーム機能を実装できるj…

  5. elmenu

    JavaScript

    レスポンシブ対応で軽量なハンバーガーメニューを実装できる「elmenu」

    elmenuはレスポンシブに対応した軽量のハンバーガーメニューを実装す…

  6. luxy.js

    JavaScript

    優雅な慣性スクロールとパララックスエフェクトを実装できる「luxy.js」

    luxy.jsは優雅で美しい慣性スクロールとパララックスエフェクトを実…

最近の記事

  1. YAECA ワイドテーパードデニム 10-13WW
  2. ADR-3ML39シリーズ
  3. キュレル モイスチャーバーム
  4. FUJIFILM X-Pro3
  5. iPhone 11 ProとApple Watch Hermès

アーカイブ

PAGE TOP