jQuery gantt

JavaScript

軽量なガントチャートを実装できるjQueryプラグイン「jQuery gantt」

jQuery ganttは、軽量でシンプルなガントチャートを実装することができるjQueryプラグインです。見やすい配置によるシンプルなガントチャートを表示させたい人は要チェックです。gzip圧縮で5KBほどと、とても軽量なところがいいですね。

jQuery gantt

デモ

デモでは上部の横軸に日付が表示されていて、縦軸にはその日付に対応したスケジュールなどをチェックできるようになっています。

対応している日程の範囲をバーで色付けしているので、どのくらいの期間なのかを一目で把握できるのが便利ですね。また、色別にジャンルを分けることもできるので、シンプルで見やすいガントチャートを設置することが可能です。

下へスクロールしていくことでスケジュールがどんどん先の日付へ進んでいきます。下へスクロールしていっても横軸の日付は固定されたまま表示されるので、スケジュールがどの期間に対応しているのかを常にチェックできます。

セッティング可能な項目には、data、dataURL、startDate、endDate、cellWidth、cellHeight、stickyHeader、mouseScroll、mouseScrollpx、lazyLoad、autoHideがあります。

互換性のあるブラウザは、IE11+、Edge、Chrome、Firefox、Opera、Safariです。ライセンスはMITとのこと。

jQuery gantt

関連記事

  1. JavaScript

    スクロールバーにあと何分で読めるかを表示してくれるjQueryプラグイン「jQuery Readin…

    とてもシンプルですが何気に便利そうだったので使ってみました。長文記事を…

  2. FractionSlider

    JavaScript

    各要素ごとにスライドアニメーションを設定できるjQueryプラグイン「FractionSlider」…

    複数の各要素ごとにスライドアニメーションを設定できるjQueryプラグ…

  3. Flipster

    JavaScript

    レスポンシブ対応のシンプルなカルーセルを実装できるjQueryプラグイン「Flipster」

    レスポンシブにも対応しているシンプルなカルーセルを実装できるjQuer…

  4. Filterizr

    JavaScript

    ソートやシャッフルができるギャラリーを実装するjQueryプラグイン「Filterizr」

    Filterizrはソートやシャッフルができるレスポンシブに対応したギ…

  5. Responsive Multi Menu
  6. no-image

    JavaScript

    レスポンシブ対応の超軽量なjQueryイメージスライダー「tinyslide」

    tinyslideはレスポンシブに対応した超軽量なイメージスライダーを…

最近の記事

  1. RICOH THETA SC2
  2. 簡易アクセス
  3. SOUNDLINK MINI II Special Edition

アーカイブ

PAGE TOP