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

1. 概要  

2. 主な機能  

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

• ガントチャートは、値に基づいてテーマや色をタイムライン（ガントバー）に適用し、より分かりやすくカスタマイズできます。

• プロジェクトのタイムラインは、毎日、週単位、月間、年間など様々な間隔で表示できます。

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

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

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

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

1. 移動先 Zoho Marketplace。

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

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

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

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

タスクをタイムライン上で可視化するには、この拡張機能をZoho Marketplaceからインストールし、ガントチャートをアプリケーション内に直接埋め込むことで、プロジェクトのタイムラインを明確かつ包括的に把握できます。ガントチャート拡張機能は、アプリケーション内の任意のページに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項目を含むフォームに適しています。例えば、タスクフォームがあり、プロジェクトlookup項目を利用して、タスクをそれぞれのプロジェクトに関連付ける場合に使用します。

 

項目 名前	項目 データの種類	項目 リンク 名前	説明
タスク名	Single 折れ線グラフ	Task_name	タスク名のデータに関連付けられます
開始日	日付	Start_date	タスクの開始日となるデータ
終了日	日付	End_date	タスクの終了日となるデータ
プロジェクト名	Single 折れ線グラフ	Project_name	タスクが属するプロジェクト名のデータ。（双方向参照の項目）

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

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

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  項目値に基づき色を設定する 

項目の値に基づいてガントバーの色を設定できます。例えば、タスクのステータス（項目）ごとに異なる色で表示したい場合、各ステータスに異なる色を割り当てて管理可能です。例として、保留中タスクは黄色、Ongoingタスクは青、完了タスクは緑で表示することができます。

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

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

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

6. 例

たとえば、プロジェクト Managementアプリケーションを使ってタスクやサブタスクを整理しているとします。

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

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

2.  埋め込むこの拡張機能をアプリケーション内の任意のページに追加します。

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

7. 注意点

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

8. 関連トピック

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

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