Google 試算表如何做出數字旁儲存格內的長條圖

今天想要講這個怎麼做：

就是裡面那個藍藍的長條圖，直接看會覺得很簡單，不過其實做法有點迂迴哈哈。
不想知道怎麼做的人，請直接把這個公式拿去用，不用謝了。

=IMAGE("http://dummyimage.com/100x20/9cf?text=+",4,20,J2/max(J$2:J$26)*100)

再來我要講原理。

---

首先要知道，右邊藍色那個不是試算表內建功能，也不是表格填色，它是一張張嵌入試算表的圖片產生的效果，靠 google 的這個嵌入外部圖片的函數：

=IMAGE("http://www.some.domain/some.jpg");

由於圖片是依照左邊那格的數字決定寬度，才讓它看起來是長條圖。
那要怎麼取得自己決定寬度的圖片呢？這就要找到一個工具可以自由地從網址取得自訂義長寬的圖片了，就是用這個網站：


只要下面填對應的長、寬、色碼，它就會產生對應的單色圖片，因此把這串插進格子

=IMAGE("http://dummyimage.com/100x20/9cf?text=+")

就會產生

好了，我們把圖案弄到 google 試算表裡面了，接下來要動態調整寬度。

---

我們來看 IMAGE 公式的說明，發現有個數值可以改寬度。

IMAGE(網址, [模式], [高度], [寬度])

看一下說明會發現寬度只有在[模式]代入 4 的時候可以改，所以我們只需要知道每個數值所代換的寬度應該是多少。這時就要知道這個公式：

J2/MAX(J$2:J$26)*100

這樣表示會以 J2~J26 的最大值當作 100 ，去取 J2 對應到的寬。其中在 MAX() 裡面的 2 和 26 加 $ 字號，是為了讓公式複製到其他格子時， MAX() 取的範圍不會跑掉。（可以參閱這篇網誌：相對參照與絕對參照或 LibreOffice 的這個 wiki）
最後代進去就完成了：

=IMAGE("http://dummyimage.com/100x20/9cf?text=+",4,20,J2/max(J$2:J$26)*100)