Notionガントチャートの色分け方法!ステータスや担当者でバーの色を変えるには?

Notionのガントチャート(タイムラインビュー)でバーの色を変更する最も確実な方法は、「ステータス」または「セレクト(選択)」プロパティを使用することです。

Excelのように「このタスクだけ赤にする」といった自由な配色はできませんが、ステータス(未着手・進行中・完了)や優先度(高・中・低)のラベル色とバーの色を連動させることで、視覚的にわかりやすい工程管理が可能になります。この記事では、Notionでガントチャートを色分けする3つのテクニックを解説します。

方法1:ステータス・セレクトプロパティで色を連動させる(基本)

これが最も標準的で推奨される方法です。タスクのプロパティ(属性)に設定された色が、そのままタイムラインのバーの色として反映されます。

手順

  1. タイムラインビューの右上にある 「…(ビューのオプション)」 をクリックします。
  2. 「レイアウト」「タイムライン」 の順に進みます。
  3. 「タイムラインに表示(Show on timeline)」 という設定項目を探します。
  4. ここで、色分けの基準にしたいプロパティ(例:「ステータス」や「優先度」などのセレクトプロパティ)を選択します。

これにより、例えば「優先度:高」を赤色に設定していれば、タイムライン上のバーも赤色になります。

方法2:グループ化で横軸の色分けを整理する

色分けだけでなく、行(レーン)を分けることでさらに見やすくする方法です。担当者別やプロジェクト別にタスクを分類したい場合に有効です。

手順

  1. ビューのオプション 「…」「グループ」 をクリックします。
  2. 「グループ化の基準」 で、分類したいプロパティ(例:「担当者」や「優先度」)を選択します。
  3. 左端にグループごとのセクションができ、視覚的に分類されます。

ポイント: グループ化してもバーの色自体は「方法1」の設定に依存します。方法1と2を組み合わせることで、「担当者で行を分けつつ、ステータスでバーの色を変える」といった高度な表示が可能です。

方法3:数式で「警告アイコン」を表示する(応用)

Notionの仕様上、数式(Formula)の結果でバーの背景色を直接変えることはできません。

その代わり、数式を使ってバーの横に「🔴」や「⚠️」などのアイコンを表示させ、注意を引くテクニックがあります。

手順

  1. データベースに数式プロパティを追加し、以下のような数式を入力します。
    • if(prop("優先度") == "高", "🔴 " + prop("名前"), prop("名前"))
  2. タイムラインのプロパティ表示設定で、元の「名前」の代わりに、この「数式プロパティ」を表示させます。

これで、優先度が高いタスクの文字の先頭に赤い丸が表示され、擬似的な色分けが可能になります。

【機能比較】どの方法で色分けすべき?

目的に応じて最適な方法を選びましょう。

目的推奨設定バーの色メリット
進捗管理ステータスを表示変わる進行・完了が一目でわかる
重要度管理**優先度(セレクト)**を表示変わる緊急タスクが目立つ
チーム管理担当者でグループ化(設定次第)誰が何を持っているか明確
条件付き数式でアイコン表示変わらない複雑な条件で警告を出せる

ガントチャートの色分けに関するFAQ

Q. タスクごとに自由な色(パレットから選択)を設定できますか?

A. いいえ、できません。バーの色は必ず「セレクト」や「ステータス」プロパティの選択肢の色と紐付きます。特定の色にしたい場合は、セレクトプロパティの選択肢の色を変更してください。

Q. 完了したタスクの色を薄くすることはできますか?

A. 自動的に薄くする機能はありませんが、「完了」というステータスの色を「グレー」に設定しておくことで、視覚的に目立たなくすることは可能です。

Q. Googleカレンダーのように予定の種類ごとに色を変えられますか?

A. はい、「会議」「作業」「移動」といったセレクトプロパティを作成し、それぞれに色を割り当て、それをタイムラインの表示基準に設定すれば再現可能です。


まとめ

Notionのガントチャートを見やすくする鍵は、**「セレクトプロパティ」と「色の連動」**です。

  • まずは**「ステータス」**プロパティを作成し、未着手(グレー)・進行中(青)・完了(緑)の色を設定する。
  • タイムライン設定でそれを表示基準にする。

この2ステップだけで、管理画面の視認性は劇的に向上します。

Next Step: 今使っているプロジェクト管理ボードを開き、タイムラインビューの「レイアウト設定」から、表示基準が正しく設定されているか確認してみましょう!

Related Post