TreeGrid の Gantt Chart

TreeGrid のガント チャート拡張モジュール

Web グリッド機能

• ツリー機能や上限のない入れ子のレベル
• 列単位に行の並び替え
• 上限のない階層を設定できる行のグループ化
• 2 次元集計をするピボットテーブル
• Excel のような列方向に行の絞り込み
• マスター/詳細関係
• レスポンシブ Web デザイン、定義した Media 規則をもとにビューポートの幅と高さに対してグリッドのレイアウトを変更
• グリッド内で Google のような検索または式による検索

• Excel のような高度な演算機能および数式
• Ajax やページ/フォーム提出 (HTTP POST) により変更をサーバーに更新
• 行の追加、削除、移動 (ドラッグによる)
• 列のサイズ調整、非表示、および表示
• セル内に Flash や SilverLight のような外部オブジェクト
• ウィンドウ枠を固定して列や行をロック
• ツリー内のクライアント ページングおよびページング

• 豊富なセルのタイプ: テキスト、数字、チェック ボックス、テキスト領域、コンボ ボックス、画像、リンク
• 表示や編集のための型や書式文字列による高度な形式の値
• ダイナミック スパンを含むセルの結合やマージン
• 印刷設定や PDF ドキュメントへのエクスポート (豊富な PDF 設定やページの分割などの設定可 )
• 複雑なポップアップ メニュー システム、サブメニュー、折り畳み可能なツリー、多数の列、編集コントロール
• すべての言語にローカライズ可能

Gantt chart の主な特長

自動と手動のスケジュール

• プロジェクト管理に最適 - 作業計画やスケジュール
• 依存関係の余裕期間 (フロート) による自動スケジューリング向けの依存関係 start + lag と end 間での使用可能なスパンの定義
• タスクの移動やタスクのサイズ調整など依存したタスクの移動による依存関係への変更後の依存関係や制約による自動的なタスクのスケジュール
• 手動でのタスクのスケージュール (正確でない依存関係を赤色で表示)
• 祝日の除外 - 定義された日付、期間、繰り返しの日付、カレンダーの追加、修正、削除
• プロジェクト開始日および終了日の制約 (制約された範囲外へのタスクの移動はできません/自動スケジューリングでは初めのタスクは開始日に始めるように設定されます)

タスク

• 作業状況を表示しながら、タスクを期間、終了時期、または両方によって定義 (個々の個別対応)
• タスク期間を 0 に設定したマイルストーン、開始および終了のマイルストーン
• タスクのリソース、作業および数量単価型リソース タイプ、タスク価格計算
• スタンドアロンまたはガント チャート内に組み込まれたリソースの可用性および使用法のチャート、可能なリソースによるタスクの絞り込み機能
• 実際のフローのための分散したバー - タスク バーに沿った使用できるタスクの完了
• 早期開始日、早期終了日、遅延した終了日、強制開始日、強制終了日に向けたタスク日の制限
• ガント計算からの祝日の除外、チャート上での非表示 (すべてのタスクに対して異なるカレンダーの提供)
• 重要なパス管理 - 特定されたスラックを所持する重要なタスクのハイライトまたは絞り込み

ガントの操作

• マウスを使用してチャート内のすべてのアイテムを直接変更できる完全にインタラクティブなガント チャート
• キーやマウス アクションのスキーマを定義することで完全にカスタマイズ可能なガントの動作
• メニューを右クリックするだけで使用できるすべての機能を表示するガント ポップアップ メニュー
• マウスのドラッグまたはヘッダー内の特定の日付をクリックすることにより選択した日付の拡大
• 拡大率の設定 - ユニットのサイズおよび幅、ヘッダー内の異なる日付形式、チャートのサイズの制限、各拡大レベルに合わせて背景の定義
• JavaScript API のイベントやメソッドによるガント機能の拡大

カスタマイズ可能なバー

• ひとつのセルにより独立したバー
• 異なる機能をもつ豊富なバー (normal、empty、not movable、not resizable、start/end など)
• バーごとに異なるタイプ、幅、キャプション、色、クラス、ツールチップの設定
• 重なったバーは異なった色によりエラーとして表示、クラスのラベルの設定
• バーごとに異なるタイプ、幅、キャプション、色、クラス、ツールチップの設定
• 異なる機能をもつ豊富なバー (normal、empty、not movable、not resizable、start/end など)
• ポップアップ メニューまたはカスタマイズされた方法によりバーの設定の変更
• 開始日、幅、終了日によって独立したバーの定義
• サービス、リソース管理、ほかのインタラクティブなバーを使用するチャートに最適
• CSS スタイルの設定、セルごとに異なるバーの表示 (形および色)
• バーの開始日またはバーの幅による定義
• マウスのドラッグによるバーの作成、サイズ調整、移動、削除など完全にインタラクティブなバーの提供
• たくさんの異なるバー移動、新しいバーを作成するためにバーをシフトやバーのサイズの調整
• 行間やグリッド間でのバーの移動、または特定の場所にドロップ
• 結合されたバー - 結合されたバーを同時に移動、ドラッグによるバーの分割および結合
• API イベントやメソッドによるそれぞれのボックスの識別や特定のボックスまたはボックス グループの操作
• ヘッダー、拡大、依存関係、リソースを run bar とともに使用
• フラッグ、フロー、タスク、マイルストーンをセル内で run bar とともに表示

依存関係、先行タスク

• 依存関係の種類: end-start (fs)、end-end (ff)、start-start (ss)、start-end (sf)
• 時間、日数、経過した日数などすべての時間の単位内の依存関係の間隔
• タスク間の子 (後続処理)や親要素 (先行処理)、または子および親要素の両方などの依存関係
• ふたつのタスク間でひとつ以上の依存関係の所持 (ss + ff)

サポートされるブラウザー

Microsoft Internet Explorer
IE6、IE7、IE8、IE9、IE10、IE11
Microsoft Edge
IE12 - IE18

Mozilla Firefox
FF1.5 - FF89

Google Chrome
CH3 - CH91
Microsoft Edge
IE79 - IE91

Apple Safari
Mac OSX & Windows
S3 - S14

Opera
O9 - O12 (Presto)
O15 - 077 (WebKit)

Apple iOS
Safari Mobile
S4 - S13
CH / FF / UC

Android Mobile
CH / FF / UC / SI
A2 - A81

(その他、すべての Trident、Gecko、WebKit、Chromium、Blink エンジンのクローン)

JavaScript フレームワーク

TreeGrid パッケージには、JavaScript フレームワークで使用できるサンプルとドキュメントが含まれます。

• Angular (TypeScript)
• React (JavaScript / TypeScript)
• Vue (JavaScript / TypeScript)
• その他のフレームワーク (HTML、JavaScript)

TreeGrid は、サードパーティの JavaScript コードをサポートする、その他のクライアントサイドのフレームワークでも使用できます。

サーバーサイド サポート

TreeGrid パッケージには、サーバーサイド スクリプトの定義済みコードやサンプルが含まれます。

• NodeJS (JavaScript)
• ASP.NET (C#、Visual Basic)
• JSP (Java)
• PHP
• HTML (その他すべて)

TreeGrid は、XML や JSON データを処理できるその他のサーバー スクリプト環境でも使用できます。

ページトップへ