お知らせ：当社は、お客様により充実したサポート情報を迅速に提供するため、本ページのコンテンツは機械翻訳を用いて日本語に翻訳しています。正確かつ最新のサポート情報をご覧いただくには、本内容の英語版を参照してください。

1. 概要  

2. 主な機能  

• プロジェクトのタイムラインを視覚化し、効果的な計画と完了までの期間を把握できます。

• ガントチャートをカスタマイズし、タイムライン（ガントバー）にテーマや色を値に応じて適用することで、視認性を高められます。

• プロジェクトのタイムラインを毎日、週単位、月間、年間など、さまざまな期間で表示できます。

• プロジェクトの進捗状況を追跡し、タスクの依存関係を管理して効率的なプロジェクト実行を支援します。

• エラーログを確認することで、誤ったデータを検出し修正できます。

3. 手順 1: 拡張機能のインストール  

ガントチャート拡張機能をインストールするには、以下の手順に従ってください。

1. 移動先 Zoho Marketplace。

2. 左上の 拡張機能をクリックし、Zoho Creatorを選択します。

3. Ganttチャート拡張機能を検索し、Installをクリックします。拡張機能のインストールにはZohoアカウントへのログインが必要です。 

拡張機能のインストール方法についてはこちらをご参照ください。インストールが完了すると、この拡張機能がZoho Creatorのアカウントで利用できるようになります。

4. 手順 2: 拡張機能の設定  

タスクをタイムライン上で可視化するには、Zoho Marketplaceからこの拡張機能をインストールし、アプリケーション内に直接Ganttチャートを埋め込むことで、プロジェクトのタイムラインを明確かつ包括的に把握できます。Ganttチャート拡張機能は、アプリケーション内の任意のページに2つの手順で追加できます。

1. 新規または既存のページにウィジェットを埋め込むには、こちらの手順に従ってください。

2. 以下のページ変数をページに追加します。
   
   

   パラメーター	データの種類
   data	TEXT

   
   

3. そのページに、以下のページスクリプトを追加します。これにより、項目リンク名が生成され、利用可能データをもとにガントチャートが作成されます。このガントチャート拡張機能を使えば、3種類のフォームデータを簡単に可視化できます。
   

1. 基本フォーム 
   

2. lookup項目を持つフォーム
   

3. lookupとサブフォームを持つフォーム
   

以下にスクリプトの出力その他について説明します。ガントチャートを生成するには、フォーム内に必要な項目が含まれている必要があります。各フォーム種類ごとのパラメーターとスクリプトを確認しましょう。

メモ: string  データの種類に従い、すべての入力パラメーターを指定してください。 

4。1 基本  Form 

以下のスクリプトは、タスク名の項目と開始日および終了日が含まれるフォームに適しています。

以下にサンプルスクリプトを示します。

1. input。data =
2. {
3. 'reportName':'All_Tasks',
4. 'chartSetup':{
   
5. 'dateFormat': 'dd-MM-yyyy',
6. '項目':
7. {
8. 'taskName':'Task_name',
9. 'startDate':'Start_date',
10. 'endDate':'End_date'
11. }
12. }
13. };

4。2  ルックアップ項目付きフォーム 

このスクリプトは、lookup 項目があるフォームに適しています。例えば、タスクフォームにプロジェクトのlookup 項目を追加し、タスクをそれぞれのプロジェクトに関連付ける場合などに活用できます。

 

項目 名前	項目 データの種類	項目 リンク 名前	説明
タスク名	Single 折れ線グラフ	Task_name	タスク名のデータを表示します
開始日	日付	Start_date	タスクの開始日をデータに反映
終了日	日付	End_date	タスクの終了日をデータに反映
プロジェクト名	ルックアップ	Project_name	タスクが所属するプロジェクト名のデータへの参照です。（双方向ルックアップ項目）

注：ルックアップ項目は双方向である必要があります。

下記のサンプルスクリプトは、特定のプロジェクトに属するすべてのタスクを表示するガントチャートを生成します。

1. input。data = {
2. 'parentReport': '全プロジェクト',
   
3. 'reportName': '全タスク',
4. 'relationLinkName': 'プロジェクト名',
5. 'chartSetup': {
   
6. 'dateFormat': 'dd-MM-yyyy',
7. '項目': {
8. 'taskName': 'タスク名',
9. 'startDate': '開始日',
10. 'endDate': '終了日'
11. }
12. 
    }
13. };
    

4。3  ルックアップおよびサブフォーム付きフォーム 

このスクリプトは、ルックアップ項目とサブフォームを含むフォームに適しています。ガントチャートでタスクとそのサブタスクを含める必要がある場合に使用できます。

プロジェクト ----> タスク ----> Sub タスク

注：lookup項目は双方向である必要があります。

プロジェクトフォーム

以下のサンプルスクリプトを、この種類のフォームでご利用ください：

 

パラメーター	説明
parentReport	フォームのレポート名前を示します（プロジェクトの詳細が含まれる別のフォームで、タスクが紐付けられています）
reportName	Ganttチャートレポートの名前
relationLinkName	タスクが関連付けられているフォーム内プロジェクト項目の項目リンク名前
dateFormat （オプション）	日付の形式は、日付と時間設定で指定された、アプリケーション設定の内容に従います。 対応形式： dd-MM-yyyy（初期設定） dd-MMM-yyyy MM-dd-yyyy
データID	プロジェクトフォーム内のデータのIDを示します。このパラメータは任意です。初期設定では、このデータIDのプロジェクトがガントチャートで表示される際に使用されます。
taskName	タスク名が記録されるタスク項目のリンク名です。
startDate	タスクの開始日の項目リンク名です。
endDate	タスクの終了日の項目リンク名です。
subReportName	サブフォームのレポート 名前
subRelationName	サブフォーム内で使用中のフォームのlookup 項目 リンク 名前
subTaskName	サブタスク項目の項目 リンク 名前
subStartDate	サブタスクの開始日の項目 リンク 名前
subEndDate	サブタスクの終了日に対応する項目 リンク 名前です。

 

メモ: ここでは既存のフォームのみサブフォームとして使用できます。インラインサブフォームには対応していません。

5. その他のカスタマイズ設定

この拡張機能では、さまざまなタスクを色分けして区別し、さらに視覚的に魅力的なチャートにするためのカスタマイズ設定を提供しています。

• チャートテーマの設定

• ガント棒グラフの色設定

• 項目の値に基づく色設定

5。1  チャートテーマの設定 

任意の色をチャートに設定でき、より魅力的にカスタマイズできます。チャートテーマを設定するには、以下のスクリプトを追加してください。

情報:  値は、両方のカラ―コードまたは色名で指定できます。

5。2 ガント棒グラフの色を設定する 

タイムラインに複数の色を設定し、さまざまなタスクを区別しやすくできます。チャートは複数色をラウンドロビン方式で使用し、タイムライン（ガントバー）の色を決定します。例えば、4色（赤、青、緑、黄色）を指定した場合、バーは同じ順番で色付けされます。以降のバーも同じ順で繰り返されます。

5。3  項目値に基づく色の設定 

ガントバーの色を項目の値に基づいて設定できます。例えば、タスクのステータス（項目）に応じて異なる色で表示したい場合、それぞれのステータスに色を割り当てることで実現可能です。たとえば、保留中タスクは黄色、進行中タスクは青色、完了タスクは緑色で表示できます。

これにより、プロジェクトの重要なポイントを素早く把握でき、情報の解釈にかかる時間を短縮し、全体の見やすさが向上します。下記のスクリプトを追加して、お好みに合わせて色を設定してください。

• basedOn - バーの色を設定する際に基準となる項目 リンク 名前を示します。

上記の3つのカスタマイズスクリプトはすべて、下記の例セクションのようにガントチャートスクリプトの最後に追加できます。

6. 例

あなたが プロジェクト Management アプリケーションを使ってタスクやサブタスクを整理している状況を想像してください。

この拡張機能を設定するには:

1. 上記3つのいずれかのフォーム構造でフォームを作成します。ここでは、サブフォーム付きのフォームを想定します。

2.  拡張機能をアプリケーション内の任意のページに埋め込んでください。

3. ページスクリプトを以下のように設定し、ガントチャートを生成します。下記のスクリプトは、サブフォームを含むフォームや、チャートにテーマを適用し、棒グラフの色をタスクのステータスに基づいて変更する場合に適しています。

7. 注意点

1. ガントチャートを正しく表示するには、レポートを開始日で昇順に並べ替えてください。
   
2. 'dateFormat' パラメーターは、ガントチャート拡張機能の最新バージョンのみでサポートされています。旧バージョンでは、初期設定で 'dd-MMM-yyyy' の日付形式のみがサポートされます。拡張機能のアップデート方法はこちらをご覧ください。

8. 関連トピック

• 拡張機能のインストールと管理

• ページスクリプトと変数