SPARKLINE 迷你圖表系列（一）：折線圖

• SPARKLINE 迷你圖表系列（一）：折線圖
• SPARKLINE 迷你圖表系列（二）：堆疊長條圖
• SPARKLINE 迷你圖表系列（三）：直條圖
• SPARKLINE 迷你圖表系列（四）：勝負分析走勢圖

語法

=SPARKLINE(資料範圍, [圖表設定])

• 資料範圍：想要作圖的數值，可以是單列、單欄、雙列或雙欄。例如：

單列：A2:E2、B3:3、C10:H10

單欄：A2:A10、B2:B10、C30:C

雙列：A2:H3、B5:P6、C10:11

雙欄：A2:B、C2:D、G5:H

• 圖表設定：選填。在這邊你可以填入不同的圖表屬性和相對應的參數、改變迷你圖表的外觀。如果什麼都不填，會出現一張素素的折線圖。

• 首先，要用一對花括號 { } 開頭。
• 「屬性」跟「參數」會成對出現、並且用逗號 , 分開。
• 一組屬性跟另一組屬性之間有分號 ; 隔著。

=SPARKINE(A2:A)

=SPARKINE(A2:A, {"charttype", "column"})

=SPARKINE(A2:A, {"charttype", "column"; "empty", "none"})

=SPARKLINE(A2:A, {"charttype", "winloss"; "axis", false; "lastcolor", "blue"})

=SPARKLINE(A2:B, 

{"charttype", "line"; "linewidth", 3;

 "empty", "ignore"; "ymin", 10; "ymax", 10}

)

第一步

=SPARKLINE(C7:L7

=SPARKLINE(C7:L7)

折線圖屬性與參數設定

color（折線圖顏色）

指定折線圖顏色有三個方法：

• 用英文寫指定的顏色名稱，例如 green、yellow、blue、red 等等。
• HEX 色碼，例如 #008000、#FFFF00、#0000FF、#FF0000。

=SPARKLINE(C7:L7, {"color", "green"})

=SPARKLINE(C7:L7, {"color", "#008000"})

• 直接更改儲存格的文字顏色。你可以點選折線圖所在的儲存格，再更改文字顏色：

可是，要打什麼英文詞才可以？HEX 色碼又要怎麼找呢？請打開左邊章節目錄的「圖表顏色彙整」，我把答案都放在那了，去看看吧～

對了，charttype（圖表類型）呢？為什麼不寫？這是因為 SPARKLINE 函式預設產生的圖表就是折線圖，所以我們就不需要再額外指定圖表類型了。當然，如果你想讓你的函式好讀一點，加上去也沒關係，不影響執行結果。語法是 "charttype", "line"：

=SPARKLINE(C7:L7, {"color", "green"; "charttype", "line"})

至於屬性要哪個先寫、哪個後寫，都沒關係唷。來看看上面這段語法的執行結果：

linewidth（折線粗細）

我們可以再用 linewidth 屬性、用數字指定折線的粗細。數字越小越細、越大則越粗，預設值是 1。像是下圖就是 3 的粗度，比剛剛的粗了一點。

=SPARKLINE(C7:L7, {"color", "green"; "linewidth", 3})

xmin、xmax、ymin、ymax（橫軸、縱軸的上下限）

接下來看看橫軸跟縱軸的上下限。我們只需要在 xmin、xmax、ymin、ymax 後面寫上下限的數字，就可以輕鬆設定了。上下限越寬，可以容納的值就越多、圖可能會有更多「留白」的感覺。來看看這邊：

如果你需要畫出有 x 跟 y 值的圖表，也可以一次指定雙列（或雙欄）作為資料範圍。在 B11 儲存格寫：

=SPARKLINE(C15:L16)

感覺好像剛上面差不多？但我們可以進一步指定軸的上下限，稍稍改變折線圖的外觀。

假如我們把橫軸上下限設定成 1 到 5，就會像這樣：

=SPARKLINE(C15:L16, {"xmin", 1; "xmax", 5})

只出現前五個資料點，這是因為我們的上限是 5。雖然我們的 x 值在 H15 之後還有數值，但不會被畫進去。另外，橫軸的上下限只能在資料有雙列（或雙欄）的資料下設定。如果在剛剛只指定一列資料範圍的狀況下，設定 xmin 跟 xmax 會沒有效果。

那麼縱軸的上下限呢？我們設定 ymin 是 1、ymax 是 50 看看：

=SPARKLINE(C15:L16, {"ymin", 1; "ymax", 50})

折線好像被壓扁了，這是因為我們現在整個圖表的縱軸上限拉到 50 的關係。

empty：資料若有空白值的處理方式

再來是如果你的資料範圍內有空白值：

你可以告訴 SPARKLINE 怎麼處理這種狀況，有兩個模式：

• ignore：把空白值忽略，繼續往下畫。
• zero：把空白值當成 0。

如果什麼都不指定的話，預設值是 ignore，就像這樣：

=SPARKLINE(C24:L24)

或

=SPARKLINE(C24:L24, {"empty", "ignore"})

第一個資料點是 10，第二個資料點是空白，第三個資料點是 8。SPARKLINE 直接忽略第二個資料點，所以第一個資料點的 10 就直接連到第二個資料點的 8 了。

如果指定 empty 的屬性是 zero，就會像這樣：

=SPARKLINE(C24:L24, {"empty", "zero"})

第二個資料點就直接變成 0 了。

nan：資料若有非數字的處理方式

這個跟剛才處理空白很像。你可以用 ignore 和 convert 這兩個模式告訴 SPARKLINE 要怎麼處理這類不是數字的資料。你可以看到這列數值的第二個資料點出現一瓣西瓜 🍉，很明顯不是數字：

預設值也是 ignore，忽略掉非數字的值，直接畫下一個值。

=SPARKLINE(C32:L32)

或是

=SPARKLINE(C32:L32, {"nan", "ignore"})

再來是 convert，可以把非數字的值轉換成 0。

rtl：是否由右到左的方向呈現

rtl 是 right-to-left 的簡寫，代表「由右到左」，可以設定 true 或 false 兩個模式，預設是 false。如果設定成 true，第一個資料點會出現在圖表右邊、最後一個資料點則是在左邊，可以說把折線圖水平翻轉過來了。展示一個由右到左的範例給大家：

=SPARKLINE(C40:L40, {"rtl", true})

這邊的 true 跟 false 是布林值，不必用雙引號括起來唷。

---

你也當然可以把所有的屬性用上，做成自己喜歡的樣子。我做了一個：

=SPARKLINE(C48:L48, 

{"ymin", -20; "ymax", 20;

 "color", "orange"; "linewidth", 2})

這就是全部的折線圖可以用的屬性了！

---

應用

=GOOGLEFINANCE("TWDJPY", "price", today()-30, today(), "DAILY")

• "TWDJPY"：台幣轉日圓。
• "price"：取得價格。
• today()-30：開始日，從今天往回算 30 天。
• today()：結束日，今天。
• "DAILY"：取得範圍內每日的報價。

=SPARKLINE(C4:C33)

=SPARKLINE(C4:C33, 

 {"color", IF(C33 > C32, "red", "green"); 

 "ymax", MAX(C4:C33) * 1.05;  "ymin", MIN(C4:C33) / 1.05;

 "linewidth", 2}

)

• color：如果今天的價格比昨天高，折線圖顏色則顯示紅色，反之則綠色。
• ymax：為了要讓圖表的線條看起來平緩一點，我用 MAX 函式找到價格裡面最大的值、再乘上 1.05 倍，把它設為縱軸上限。
• ymin：同上，用 MIN 函式找到價格裡最小的值後除 1.05 倍，設為縱軸下限。
• linewidth：設定為 2，讓線條粗一點點。

圖表顏色彙整

• 如果你想用英文指定顏色：請到這篇維基百科的文章，複製「實名」欄位裡的英文名稱、在你的 color 屬性後貼上就可以囉！

• 如果你想用 HEX 色碼指定顏色：我也幫你準備好了！請你點開這個連結：

如果你喜歡這次的文章，歡迎你透過這些方法支持我：

・按下愛心、按下儲存

・留言告訴我你的想法

・加入喜特先生的官方沙龍，即時看到我發布的教學

・付費訂閱喜特先生的官方沙龍，加入每月小額訂閱方案

・追蹤喜特先生的 Facebook

・按這邊小額贊助我的創作！