数値列の値を、星やハートに変身させる列の書式設定を作成してみました。
以下に、作成した書式設定の 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
プロパティの値を変更ください。