日付フィールドの値が今日より前の場合、タイムラインバーの色を変更する

このページでは、ガントチャートプラグインを使用して、日付フィールドの値が今日より前の場合、タイムラインバーの色を変更する手順を確認できます。

タイムラインバーの条件付き色変え機能を利用することで、特定の日付が今日より前のスケジュールの色を変更することが可能です。

今日より前のタイムラインバーの色を変更することで、今現在取り組むべきタスクが直感的に把握できます。

今日（3/3）より前のスケジュールは灰色で表示して、今日以降のスケジュールはオレンジ色で表示しました

以下のボタンをクリックするとアプリテンプレートがダウンロードできます。

運用中のアプリでも設定が可能です。
今回の設定内容（設定手順）に基づいて、作成したい方はアプリテンプレートをダウンロードしてください。

ガントチャートプラグイン

まだkintoneにプラグインをインストールしていない方は、30日間のお試し申込をしてプラグインをご利用ください。

アプリのフォーム設定で
・タイトル（文字列1行）
・開始日（日付/日時）
・終了日（日付/日時）
のフィールドを設定します。

アプリテンプレートを利用する場合は、既に設定済です。
プラグインの設定画面を開きます。
まずは、ガントチャートを表示するを参考に基本設定を行いましょう。

設定名称と表示する一覧の設定

フィールドの設定
次に、色の設定のタブを選択して、タイムラインバーの条件付き色切り替え機能をONにします。
まず、条件1の背景色と文字色をクリックして色の設定を行いましょう。
今回の例では、「背景色：灰」「文字色：黒」で設定しました。
続いて、条件の設定を行います。
終了日フィールドの値が当日より小さいとき、つまり今日より前のときに、「背景色：灰」「文字色：黒」になるように設定を行いましょう。

設定が完了したら、保存ボタンを押して、アプリを更新します。