TreeGrid
Gantt Chart

MS Project や Oracle Primavera のような高度なプロジェクト管理機能を Web アプリに実装。タスクの依存関係も直感的に操作できます。

オンラインデモを見る
Gantt Chart UI

TreeGrid の Gantt chart は、Web ベースのプロジェクト管理ソフトウェアを構築するための強力なコンポーネントです。
インタラクティブな横棒グラフ、編集可能なツリー構造、依存関係の可視化など、複雑なガントチャート要件に対応します。

主な機能

プロジェクト管理に必要なあらゆる機能を網羅

スケジューリング

  • 自動および手動スケジューリング
  • 依存関係に基づくタスクの自動調整 (Start-Start, End-End等)
  • 制約条件の設定 (開始日、終了日、必須期間)
  • 休日・カレンダーの管理 (営業日、祝日の除外)
  • クリティカルパスの特定とハイライト

タスク管理

  • 期間、開始・終了日によるタスク定義
  • マイルストーンの設定
  • リソース管理 (人材、資材、コスト計算)
  • リソースヒストグラムによる負荷状況の可視化
  • 進捗状況のバー表示 (イナズマ線のような表現も可能)

インタラクティブ操作

  • マウスドラッグによるタスクの移動、サイズ変更、分割
  • 依存関係のドラッグ＆ドロップ作成
  • 右クリックメニューによる詳細操作
  • ズームイン・ズームアウト機能 (日、週、月、年単位の切り替え)
  • キーボードショートカットのカスタマイズ

高度なカスタマイズ

  • バーの形状、色、ラベルの自由なカスタマイズ
  • 条件付き書式設定 (遅延タスクの赤色表示など)
  • CSSによる完全なスタイリング制御
  • JavaScript API によるイベントハンドリングと機能拡張
  • 多言語対応 (日本語ローカライズ済み)

Web グリッドとしての基本機能

Gantt Chart は TreeGrid のグリッド機能を継承しています

  • ツリー構造と無制限の入れ子
  • 列単位の並び替え・絞り込み
  • 行のグループ化とピボットテーブル
  • 行のドラッグ＆ドロップ移動
  • 列の固定・サイズ調整
  • 高度な数式演算機能
  • 豊富なセルエディタ (日付、コンボ、画像)
  • PDFエクスポート / 印刷設定
  • Ajax / JSON / XML データ連携

動作環境

IE/Edge
Microsoft Edge / IE

Edge (Chromium)
IE 6 - 11

Chrome
Google Chrome

Latest Versions
Android Chrome

Firefox
Mozilla Firefox

Latest Versions

Safari
Apple Safari

macOS / iOS

対応フレームワーク

Angular, React, Vue, Svelte など、あらゆる JavaScript フレームワークと組み合わせて利用できます。TypeScript 定義ファイルも提供しています。

サーバーサイド

PHP, ASP.NET (C#), Java (JSP), NodeJS など、任意のサーバーサイド技術と容易に統合できます。データは標準的な JSON または XML でやり取りします。

ページトップへ