【Microsoft Lists】星評価⭐ と ハートゲージ💖

数値列の値を、星やハートに変身させる列の書式設定を作成してみました。
以下に、作成した書式設定の JSON を掲載します。利用される場合は、数値列の書式設定に掲載されている JSON を設定ください。

星評価(最小 0, 最大 5 の数値列の書式設定)

① star-fill-theme-color (0~5)

※星の色は、サイトのテーマカラーに依存します。

② star-fill-custom-color (0~5)

※星の色を変更できます。星の色を変更したい場合は、33 行目の color プロパティの値を変更ください。

③ star-border-theme-color (0~5)

※星の色は、サイトのテーマカラーに依存します。

④ star-border-custom-color (0~5)

※星の色を変更できます。星の色を変更したい場合は、15 行目の color プロパティの値を変更ください。

ハートゲージ(パーセント表示の数値列の書式設定)

⑤ heart-fill-theme-color (%)

※ハートの色は、サイトのテーマカラーに依存します。

⑥ heart-fill-custom-color (%)

※ハートの色を変更できます。ハートの色を変更したい場合は、33 行目の color プロパティの値を変更ください。

⑦ heart-border-theme-color (%)

※ハートの色は、サイトのテーマカラーに依存します。

⑧ heart-border-custom-color (%)

※ハートの色を変更できます。ハートの色を変更したい場合は、15 行目の color プロパティの値を変更ください。