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

1. 概要  

2. 主な機能  

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

• テーマや色をタイムライン（ガントバー）に適用してガントチャートをカスタマイズし、値に基づいて視認性を向上させます。

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

• プロジェクトの進捗を追跡し、タスクの依存関係を管理することで、効率的なプロジェクト遂行が可能です。

• エラーログを確認し、不正なデータを検出・修正できます。

3. チャートの種類

この拡張機能では、フォーム設定に応じて3種類のガントチャートに対応しています。

種類 1: 基本 chart with list of タスク

開始日と終了日を含むシンプルなタスク一覧を表示するチャートです。タスクのタイムラインのみを表示したいフォームに最適です。

種類 2: Multiple プロジェクト with list of タスク

個別プロジェクトごとのタスクのタイムラインを表示し、プロジェクト間の切り替えが可能なチャートです。各プロジェクトが独自のタスクセットを持ち、それぞれを個別に確認したい場合に最適です。

種類 3: Multiple プロジェクト with list of タスク and its subtasks

各プロジェクトごとにタスクと関連するサブタスクを表示し、プロジェクトの切り替えができるチャートです。プロジェクトのタスクやサブタスクを詳細に把握したい場合に最適です。

4. 拡張機能のインストール  

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

1. Zoho マーケットプレイスへ移動します。

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

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

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

5. 拡張機能の設定   

種類 1 

以下の項目を使用して新規formを作成します。

2. 拡張機能をページに埋め込み、スクリプトを追加します

1. page builder を開き、Gantt chart extension をウィジェットとして追加します。

2. トップメニューの棒グラフにあるPage Variables and Scriptsアイコンをクリックします。
   

3. 「追加する Variables」をクリックし、下記の変数を追加します。
   変数名 - data
   データの種類 - Text
   
   

4. 「Scripts」をクリックし、下記のスクリプトを追加します。パラメーターが下表の説明通りに正しいリンク名にマッピングされていることを確認してください。
   

input。data =
{
'reportName':'全タスク',
'chartSetup':{
'dateFormat': 'dd-MM-yyyy',
'項目':
{
'taskName':'タスク名',
'startDate':'開始日',
'endDate':'終了日'
}
}
};

3. データを追加し、ガントチャートを表示する

1. アプリケーションの有効方法にアクセスし、タスクフォームにデータを追加します。

2. レポートを開始日付の昇順で並べ替えます。

3. 拡張機能が埋め込まれているページをクリックします。ガントチャートが表示されます。
   
   

設定方法を見る

種類 2 

この種類は、プロジェクトに関連付けられたタスクの一覧を表示するガントチャートに適しています。このチャートでは、プロジェクトを切り替えて、それぞれのタスクを表示できます。

1. フォームの作成

この種類では、2つのフォームを作成する必要があります。

フォーム2 - プロジェクトフォーム

制約事項：リンクされる開始する日付およびプロジェクト名の項目名は、すべてのインスタンスでStart_DateおよびProject_Nameである必要があります。これにより、ガントチャートが正しく動作します。

2. 拡張機能をページに埋め込み、スクリプトを追加する

1. ページビルダーを開き、ガントチャート拡張機能をウィジェットとして追加します。

2. 上部メニューのPage Variables and Scriptsアイコンをクリックします（棒グラフ）。
   
   
   

3. 「追加する Variables」をクリックし、下記の変数を追加します。
   変数名 - data
   データの種類 - Text
   
   

4. 「Scripts」をクリックし、下記のスクリプトを追加します。パラメーターが下表のとおり正しいリンク名にマッピングされていることを確認してください。

input。data =
{
'parentReport':'全プロジェクト',
'reportName':'全タスク',
'relationLinkName':'プロジェクト名',
'chartSetup':
{
'dateFormat':'dd-MMM-yyyy',
'項目':
{
'taskName':'タスク名',
'startDate':'開始日',
'endDate':'終了日'
}
}
};

3. データを追加し、ガントチャートを表示します

1. アプリケーションの有効方法にアクセスし、タスクフォームにデータを追加します。

2. レポートを開始日付の昇順で並べ替えます。

3. 拡張機能が埋め込まれているページをクリックします。ガントチャートが表示されます。 

設定方法を見る

種類 3 

1. フォームの作成

この種類には、3つのフォームを作成する必要があります。

フォーム 1 - プロジェクトフォーム

フォーム2 - タスクフォーム

フォーム3 - サブタスクフォーム

制約条件：

• 開始する 日付およびプロジェクト 名前のリンク 名前は、すべてのインスタンスでStart_DateおよびProject_Nameでなければなりません。これにより、ガントチャートが正しく動作します。

• サブタスクの開始日および終了日は、親タスクの開始日および終了日の範囲内である必要があります。

2. 拡張機能をページに埋め込み、スクリプトを追加します

1. page builder を開き、ガントチャート拡張機能をウィジェットとして追加します。

2. トップメニューの棒グラフにあるPage Variables and Scriptsアイコンをクリックします。
   

3. 「追加する Variables」をクリックし、下記の変数を追加します。
   変数名 - data
   データの種類 - Text
   
   

4. 「Scripts」をクリックし、下記のスクリプトを追加します。パラメーターが下記の表で説明されている正しいリンク名にマッピングされていることを確認してください。

input。data = 
{
'parentReport':'全プロジェクト',
'reportName':'全タスク',
'relationLinkName':'プロジェクト名',
'chartSetup':
{
'dateFormat':'dd-MMM-yyyy',
'項目':
{
'taskName':'タスク名',
『startDate』:『Start_Date』
,『endDate』:『End_date』,
『subData』:
{
『subReportName』:『All_Subtasks』,
『subRelationName』:『Task_Lookup』,
『subFields』:
{
『subTaskName』:『Subtask_name』,
'subStartDate':'サブタスク_開始日',
'subEndDate':'サブタスク_終了日'
}
,
'増加':真
}
}
}
};
 

 

  
パラメーター
 

  
説明

 

  
parentReport
 

  
プロジェクトフォームのレポート名前を示します。

 

  
reportName
 

  
タスクレポートの名前。

 

  
relationLinkName
 

  
タスクフォーム内のプロジェクト項目（ルックアップ）の項目リンク名前。

 
dateFormat
 
（任意）

 
お使いの日付 形式は、日付および時間 設定で指定されたapplication 設定に従います。

 

  対応形式:

 
 

  

       
dd-MM-yyyy（初期設定）
  

       
dd-MMM-yyyy
  

       
MM-dd-yyyy
 

 

  
taskName
 

  
タスク 名前 項目の項目リンク名（タスクフォーム内）

 

  
startDate
 

  
開始日付 項目の項目リンク名（タスクフォーム内）

 

  
endDate
 

  
終了日付 項目の項目リンク名（タスクフォーム内）

 

  
subReportName
 

  
サブタスクフォームのレポート 名前。

 

  
subRelationName
 

  
サブタスクフォーム内のタスク lookup 項目のリンク 名前。

 

  
subTaskName
 

  
サブタスクフォーム内のsubtask 名前 項目のリンク 名前。

 

  
subStartDate
 

  
サブタスクの開始日項目へのリンク名（subtasksフォーム内）

 

  
subEndDate
 

  
サブタスクの終了日項目へのリンク名（subtasksフォーム内）
 
 
3. データを追加し、ガントチャートを表示します

 

  
有効 方法にアクセスし、アプリケーションのデータを追加してタスクフォームに入力します。
 

  
レポートを開始日付の昇順で並べ替えます。
 

  
拡張機能が埋め込まれているページをクリックします。ガントチャートが表示されます。
 
設定方法を見る
 

 
  

   
    

     
    
    

     メモ: ここでは既存のフォームのみをサブフォームとして使用できます。インラインサブフォームはサポートされていません。
    
  
 

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

 

  
チャートテーマの設定

 

  
Gantt棒グラフの色を設定

 

  
項目値に基づく色の設定
 
6。1  チャートテーマの設定 
チャートをより魅力的にするために、任意の色を設定できます。下記のスクリプトを追加して、チャートテーマを設定してください。

 

 

  
'theme': {
  

'color' : 'pink',
  

'fontColor' : '#FFF'
  
}
 
 


 上記のスクリプトで、拡張機能の色とフォントが設定されます。
 


 

  情報:  値は、色コードまたは色名のいずれでも指定できます。
 
6。2 Gantt棒グラフの色を設定  
タイムラインに複数の色を設定し、さまざまなタスクを区別しやすくすることができます。チャートは複数の色をラウンドロビン方式で使用し、タイムライン（ガントバー）の色を決定します。たとえば、4色（赤、青、緑、黄）を指定した場合、バーは同じ順番で色付けされます。その後のバーも同じ順序で色が繰り返されます。

 

  
'colors' : ['#ff793f', '#706fd3', '#6ab04c','#ffff00']
 
6。3  項目の値に基づいて色を設定する 
ガントバーの色を、項目の値に基づいて設定できます。例えば、タスクのステータス（項目）ごとに異なる色で表示したい場合、各ステータスに異なる色を割り当てることが可能です。たとえば、保留中タスクは黄色、Ongoingタスクは青、完了タスクは緑で表示できます。
これにより、プロジェクトの重要なポイントを素早く把握でき、情報の解釈にかかる時間を短縮し、全体の明瞭性が向上します。下記のスクリプトを追加し、お好みに合わせて色を設定できます。

 

 

  
'colors': {
  

'basedOn': 'ステータス',
  

'values': {
  

'保留中': 'yellow',
  

'進行中': 'blue',
  

'完了': '#4CAF50'
  

}
  

}
 

 

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

 
  

   
  
  

   上記3つのカスタマイズスクリプトは、ガントチャートスクリプトの末尾に追加できます。
  
7. 注意点

 
  

   
  
  

   
ガントチャートを効果的に表示するには、レポートを開始日付で昇順に並べ替えてください。

   
'dateFormat' パラメーターは、ガントチャート拡張機能の最新バージョンでのみサポートされています。旧バージョンでは、初期設定で 'dd-MMM-yyyy' 日付形式のみがサポートされます。拡張機能の更新について詳しくはこちらをご覧ください。
  
8. 関連トピック

 

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

 

  
ページスクリプトと変数