Excelのデータバーのようなチャートを作る方法

テーブルカードに一工夫することで、Excelのデータバーに似たカードを作ることができます。

商品ごと都道府県ごとの売上のイメージです。

 

このように、各金額を数値型とテキスト型で保持したデータセットに対して

 

以下のようなBeast Modeの項目を作ることで値に応じた長さのdivタグを挿入することにより、データバーを作ることができます。（divの幅は実際の値に応じて適切な分母を設定して調整してください）

concat(
  '<div style="width:',`合計売上`/100000,'em;background-color:#4169e1;text-align:right;">　</div>',`合計売上txt`
 ) 

 

また、この表では合計〜千葉県まで全部で５系列あるので５つのBeast Modeを作っていますが、それぞれに指定した色は以下のとおりです。（divのbackground-colorに指定します）

合計：#4169e1（青）
東京都：#228b22（緑）
埼玉県：#ff69b4（ピンク）
神奈川県：#d8bfd8（あざみ色）
千葉県：#7fffd4（アクアマリン）