← 活用ガイド一覧へ
ガントチャートプラグイン

条件に基づいてタイムラインバーの色を変更する

このページでは、ガントチャートプラグインを使用して、条件に基づいてタイムラインバーの色を変更するの手順を確認できます。

できること

条件に基づいてタイムラインバーの色を変更するのデモ画面
動作イメージ
注意事項 ※機能を試す前に必ずご確認ください。
  • 機密情報、個人情報、その他不適切な情報を登録しないこと
  • 利用者のIPアドレスやそれに基づく行動を環境提供元のパートナーが確認できる権限を持っていること
  • サービス環境に過剰な負荷がかかるような利用を避けること
  • デモ環境の利用開始により上記注意事項に同意したものとみなす

利用シーン

  • 案件のステータスに応じて色分け(例:進行中=青、完了=緑、遅延=赤)することで、進捗を直感的に把握する。
  • タスクの優先度を条件に色を変更(例:高=赤、中=オレンジ、低=黄)し、重要なタスクを一目で確認する。
  • イベントの開催状況を条件に色分け(例:準備中=青、開催中=緑、終了=グレー)し、ステータス管理を分かりやすくする。

必要なアプリ・プラグイン

アプリ

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

プラグイン

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

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

設定手順

1必要なフィールドをフォームに配置する

アプリのフォーム設定で ・タイトル(文字列1行) ・開始日(日付/日時) ・終了日(日付/日時) のフィールドを設定します。 また、グループ設定に使用する担当者やタスク種別のフィールドも設定しておきましょう。 アプリテンプレートを利用する場合は、既に設定済です。

change-timeline-color-by-conditionの設定手順1の画面
手順1の設定画面
2プラグインの設定画面を開く

プラグインの設定画面を開きます。 まずは、 ガントチャートを表示する を参考に基本設定を行いましょう。 設定名称と表示する一覧の設定 フィールドの設定。

change-timeline-color-by-conditionの設定手順2の画面
手順2の設定画面
change-timeline-color-by-conditionの設定手順2の画面
手順2の設定画面
3表示項目を設定する(任意)

また、必須の設定ではありませんが、必要に応じて ・グループフィールド ・テーブルに表示するフィールド ・タイムラインバーに表示するフィールド の設定を行いましょう。 プラグインの設定画面 アプリの画面。

change-timeline-color-by-conditionの設定手順3の画面
手順3の設定画面
change-timeline-color-by-conditionの設定手順3の画面
手順3の設定画面
4条件付き色分けを有効化する

次に、色の設定のタブを選択して、タイムラインバーの条件付き色切り替え機能をONにします。

change-timeline-color-by-conditionの設定手順4の画面
手順4の設定画面
5背景色と文字色を設定する

まず、条件1の背景色と文字色をクリックして色の設定を行いましょう。 今回の例では、「背景色:青」「文字色:黒」で設定しました。

change-timeline-color-by-conditionの設定手順5の画面
手順5の設定画面
6適用条件を設定する

続いて、条件の設定を行います。 条件1では、担当者フィールドの値が「佐藤 拓哉」を含むときに、「背景色:青」「文字色:黒」になるように設定を行いました。

change-timeline-color-by-conditionの設定手順6の画面
手順6の設定画面
7条件を追加して色分けを設定する

同様に、他の担当者の場合にも背景色と文字色が変更されるように、条件を追加して設定を行います。 設定が完了したら、保存ボタンを押して、アプリを更新します。

change-timeline-color-by-conditionの設定手順7の画面
手順7の設定画面

完成

条件に基づいてタイムラインバーの色を変更するの完成イメージ
完成イメージ

Crena Plugin

すべてのプラグインを
30日間無料でお試し

  • 全プラグインが使える
  • クレジットカード不要
  • 本番環境で動作確認
Crena Plugin 無料トライアル申し込み画面