32
29

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 3 years have passed since last update.

【Notion】進捗を可視化したガントチャートの作成手順

Posted at

記事内容

以下の画像のようなプロジェクトの進捗バー付きのガントチャートを作成する手順を紹介します。
方法自体はこちらを参考にしています。
良い手法だったので仕事のプロジェクト管理に使っています。
細かい説明はしておりません。簡単な説明と手順のみになります。

スクリーンショット 2021-06-27 20.05.30.png

主な手順

  • 手順1 : 親タスクをタイムラインボードに書く
  • 手順2 : 子タスクをテーブルに記載
  • 手順3 : 子タスク側からRelationを組む
  • 手順4 : RollupでDone数取得
  • 手順5 : Formulaで可視化

【手順1 : 親タスクをタイムラインボードに書く】

1.新規ページでタイムラインボード作成
2.親タスク、進捗状況、担当者カラムを用意

↓1,2
スクリーンショット 2021-06-27 20.45.05.png

【手順2 : 子タスクをテーブルに記載】

1.別ページを用意してテーブル作成
2.子タスク名、進捗状況、担当者カラムを用意
3.Formulaで完了状況の判定を追加
(prop("進捗状況") != "Done") ? false : true

↓1,2
スクリーンショット 2021-06-27 20.58.37.png
↓3
スクリーンショット 2021-06-27 21.11.16.png
↓3
スクリーンショット 2021-06-27 22.03.51.png

【手順3 : 子タスク側からRelationを組む】

1.Relationを選択
2.親タスクのボードを選択してRelationの作成
3.各タスクの対象となる親タスクを選択

↓1
スクリーンショット 2021-06-27 21.05.57.png

↓2
スクリーンショット 2021-06-27 21.02.34.png
↓3
スクリーンショット 2021-06-27 21.03.19.png
↓こうなります
スクリーンショット 2021-06-27 22.06.03.png

【手順4 : RollupでDone数取得】

1.Rollupを選択
2.RELATIONに親タスクを選択
3.PROPERTYに完了チェックを選択
4.CALCULATEにPercentcheckedを選択

↓1
スクリーンショット 2021-06-27 21.17.55.png
↓2,3,4
スクリーンショット 2021-06-27 21.23.07.png
↓こうなります
スクリーンショット 2021-06-27 21.48.43.png

【手順5 : Formulaで可視化】

1.新規カラム追加してFormulaを選択
2.下記の計算式を記載

slice("▓▓▓▓▓▓▓▓▓▓", 0, round(prop("各タスク状況") * 10)) + slice("░░░░░░░░░░", 0, 10 - round(prop("各タスク状況") * 10)) + " " + format(round(prop("各タスク状況") * 100)) + "%"

↓1
スクリーンショット 2021-06-27 21.50.06.png
↓2
スクリーンショット 2021-06-27 21.50.44.png
↓こうなります
スクリーンショット 2021-06-27 21.53.22.png

【その他:見た目調整】

1.各タスク状況カラムをHide
2.タスクDateを追加

↓1
スクリーンショット 2021-06-27 21.55.00.png
↓2
スクリーンショット 2021-06-27 21.58.28.png

完成!

ここまでの手順で以下画像のようになります。
ちょっと作成に労力はありますが最初のテンプレートを作ってしまえばあとはコピーして使い回せます。
よろしければ試してみてください。
もし何か不備や修正点ありましたらコメントで教えていただけますと幸いです。

スクリーンショット 2021-06-27 21.56.24.png

32
29
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
32
29

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?