SPARKLINE 迷你圖表系列(四):勝負分析走勢圖

更新於 發佈於 閱讀時間約 9 分鐘

大家好!今天要跟大家分享 SPARKLINE 的最後一種圖表,勝負分析走勢圖。我們可以把這種圖當成直條圖的另外一種型態,設定起來也和上週介紹過的很接近喔。這是之前分享過的 SPARKLINE 教學文:

另外,如果你在手機上看到這篇文章、覺得有興趣,你可以用方格子的收藏功能、把文章它存起來,練習的時候在電腦打開來看看。


勝負分析走勢圖是什麼

我們可以把勝負分析走勢圖看成一種直條圖,而數值只會有正值、負值還有 0 這三種。舉例來說:

raw-image

正值的 3、10、5、1 跟 30 對應的長條是向上的、負值的 -2、-1、-7 則是向下的,而 0 則是空的長條。

怎麼用呢?這是我想到的一個例子:

raw-image

這邊有四個商家,分別列出第一季到第四季的盈虧狀況。如果你的資料不需要看到詳細的長條、只需要快速看看正負兩種值的變化,這種圖表或許很適合。

或另一個例子,看看兩個球隊的對戰輸贏狀況:

raw-image

也是可以用勝負分析走勢圖看個球隊隨著時間推移、勝場與敗場的趨勢(綠色代表勝場、黑色代表敗場)。

在 SPARKLINE 上設定這種圖的方法,其實和上一篇介紹的長條圖很像,只要你熟悉長條圖在 SPARKLINE 的設定,那麼勝負分析走勢圖應該不會太難才對的!

好,開始做做看吧!歡迎你打開這邊的試算表,複製一份,一起跟著做。


勝負分析走勢圖屬性與參數設定

馬上來看看可以在勝負分析走勢圖設定的屬性:

raw-image

再來看看練習題的第一題:

raw-image

要用 SPARKLINE 製作勝負分析圖的話,charttype 要指定成 winloss。像是這樣:

=SPARKLINE(B4:J4, {"charttype", "winloss"})
raw-image

這邊觀察一下我們剛剛畫出來的東西:

  • 勝負分析走勢圖的預設顏色是黑的
  • 正值長條向上、負值長條向下,零則是沒有長條。

如果你想要指定整張圖表的顏色,更改儲存格文字的顏色就可以了:

raw-image


highcolor、lowcolor:最大值和最小值的直條顏色

我們可以用 highcolor、lowcolor 這兩個屬性指定最大值跟最小值的直條顏色。顏色的選擇就和之前的圖表設定一樣,可以輸入 HEX 色碼或是指定的英文名稱。你可以到文章的最後面,找到「圖表顏色彙整」,在那邊我整理好了顏色的指定方式給你囉!

假設我們把 highcolor 設定成藍色、lowcolor 為紅色的話:

=SPARKLINE(L4:T4, {"charttype", "winloss";
"highcolor", "blue"; "lowcolor", "red"})
raw-image

-7 的直條變紅、30 的直條則變藍了。

如果你想做的是讓 highcolor 統一顯示一個顏色、lowcolor 也是的話,建議一開始就先把資料整理好,像是把全部的資料分成 +1、0、-1 三種,這樣顏色就會一致了。

我把資料整理好之後,再畫了一張圖:

=SPARKLINE(L8:T8, {"charttype", "winloss";
"highcolor", "blue"; "lowcolor", "red"})
raw-image


firstcolor、lastcolor:第一條直條顏色、最後一條直條顏色

接下來看看怎麼設定第一條直條、最後一條直條顏色。

我們可以用 firstcolor 跟 lastcolor 分別設定第一條和最後一條的直條顏色,跟剛剛的 highcolor 跟 lowcolor 類似。像是這樣:

=SPARKLINE(L12:T12, {"charttype", "winloss";
"firstcolor", "green"; "lastcolor", "orange"})
raw-image


axis、axiscolor:是否繪製橫軸、設定橫軸顏色

如果要畫出中間的橫軸,我們在 axis 這個屬性,設定 true 的參數:

=SPARKLINE(L12:T12, {"charttype", "winloss";
"axis", true})
raw-image

這麼一來就會出現一條中間的橫軸,讓勝負分析走勢圖更好懂。

你當然也可以用 axiscolor 指定這個橫軸的顏色,而指定方式就和之前一樣,寫下 HEX 跟特定的英文詞就可以了。我在這邊指定了淺綠色(lightgreen)的這個屬性:

=SPARKLINE(L12:T12, {"charttype", "winloss";
"axis", true; "axiscolor", "lightgreen"})
raw-image


最後最後,跟 SPARKLINE 的其他圖表一樣,我們也可以用 empty 跟 nan 這兩個屬性,指定資料有空白、還有非數值時的處理方式;還有 rtl,可以指定圖表是否要由右到左顯示。


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

用 empty 屬性可以指定 SPARKLINE 遇到空白的值該怎麼辦,有 ignore 跟 zero 這兩種參數可以選擇,預設是 ignore。

  • 設定 ignore 的話會跳過空白,不繪製直條圖。
  • 設定 zero 的話會把空白值視為 0。

我們用一樣的數值畫圖,兩者比較一下。首先是 ignore:

=SPARKLINE(AF4:AN4, {"charttype", "column";
"empty", "ignore"})
raw-image

在第二個值是空白的,而 SPARKLINE 直接忽略它,繼續畫了下一個(第三個值 -1)直條。

再來是 zero:

=SPARKLINE(AF8:AN8, {"charttype", "column";
"empty", "zero"})
raw-image

同一組資料,但你會看到這邊 SPARKLINE 就把空白值當作 0,畫了一個「空」的直條。


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

再來是 nan,也是類似的!我們可以用 nan 屬性指定 SPARKLINE 遇到非數字的值該怎麼辦,有 ignore 跟 convert 這兩種參數可以選擇,預設是 ignore。

  • 設定 ignore 的話會跳過非數字的值,不繪製直條圖。
  • 設定 convert 的話會把非數字的值視為 0。

同樣地,用一樣的數值畫圖,兩者比較一下。先看看 ignore:

=SPARKLINE(AF12:AN12, {"charttype", "column";
"nan", "ignore"})
raw-image

第二個值出現一顆燈泡,不是數值。SPARKLINE 函式跳過了燈泡,繼續往下畫了直條圖。

再來看看 convert:

=SPARKLINE(AF16:AN16, {"charttype", "column";
"nan", "convert"})
raw-image

這邊 nan 屬性設定成 true,所以 SPARKLINE 就把這個燈泡轉換成 0 繼續繪圖了。


rtl:是否以從右到左的方向呈現

最後就是 rtl,只要參數設定成 true 就能讓 SPARKLINE 在繪圖時以從右到左的方向呈現。來看看這個範例:

=SPARKLINE(AF16:AN16, {"charttype", "column";
"rtl", true})
raw-image

原圖從左到右繪製的話,應該會顯示 1、1、-1、1 ... 這個順序,但上面的圖卻是 1、-1、1、0 ...,正就是從右到左的順序了,像是水平翻轉過來一樣。



圖表顏色彙整

  • 如果你想用英文指定顏色:請到這篇維基百科的文章,複製「實名」欄位裡的英文名稱、在你的 color 屬性後貼上就可以囉!
raw-image
  • 如果你想用 HEX 色碼指定顏色:我也幫你準備好了!請你點開這個連結
raw-image

選到喜歡的顏色後,就可以到 HEX 那個欄位複製色碼了。



這是 SPARKLINE 系列文的最後一篇文章,我們介紹了 SPARKLINE 函式可以使用的圖表、還有屬性跟參數。多做幾次,就會慢慢習慣了!

如果你喜歡這次的文章,歡迎你透過這些方法支持我:
・按下愛心、按下儲存
・留言告訴我你的想法
・加入喜特先生的官方沙龍,即時看到我發布的教學
・付費訂閱喜特先生的官方沙龍,加入每月小額訂閱方案
・追蹤喜特先生的 Facebook
・按這邊小額贊助我的創作!

想要看更多文章,歡迎來到我的 Notion 頁面找找有沒有你需要的資源喔!

我是喜特先生,Mr. Sheet,我們下個教學見!



留言
avatar-img
留言分享你的想法!
喜特先生 Mr. Sheet -avatar-img
發文者
2024/04/21
SPARKLINE 迷你圖表系列索引文提及了這篇文章,趕快過去看看吧!
喜特先生 Mr. Sheet -avatar-img
發文者
2024/02/19
SPARKLINE 迷你圖表系列(四):勝負分析走勢圖提及了這篇文章,趕快過去看看吧!
喜特先生 Mr. Sheet -avatar-img
發文者
2024/02/19
SPARKLINE 迷你圖表系列(三):直條圖提及了這篇文章,趕快過去看看吧!
喜特先生 Mr. Sheet -avatar-img
發文者
2024/02/19
SPARKLINE 迷你圖表系列(二):堆疊長條圖提及了這篇文章,趕快過去看看吧!
喜特先生 Mr. Sheet -avatar-img
發文者
2024/02/19
SPARKLINE 迷你圖表系列(一):折線圖提及了這篇文章,趕快過去看看吧!
avatar-img
喜特先生官方沙龍
18.6K會員
153內容數
簡潔,快速,有效, 讓你的日常生活、工作生產力大提升! ___ 快按「加入」,馬上追蹤所有喜特先生的更新,有 Google 試算表教學、Google Apps Script 的研究、數據分析課程的開箱,還有 Google 試算表疑難雜症的解題分享唷!💪
2025/04/20
請你試著在 Google 試算表的儲存格上打這個,按下 Enter: =WHATTHEFOXSAY() 會有神奇的事情發生喔 ✨
Thumbnail
2025/04/20
請你試著在 Google 試算表的儲存格上打這個,按下 Enter: =WHATTHEFOXSAY() 會有神奇的事情發生喔 ✨
Thumbnail
2024/06/02
上次介紹了 REPLACE 函式,可以用來取代儲存格內的特定文字。其實我們還有一個相似的函式叫 SUBSTITUTE,也有取代的功能,不過當然有一點不一樣的地方!今天會分享語法的範例,還有跟 REPLACE 的差異在哪。一起來看看!
Thumbnail
2024/06/02
上次介紹了 REPLACE 函式,可以用來取代儲存格內的特定文字。其實我們還有一個相似的函式叫 SUBSTITUTE,也有取代的功能,不過當然有一點不一樣的地方!今天會分享語法的範例,還有跟 REPLACE 的差異在哪。一起來看看!
Thumbnail
2024/05/25
這是文字處理基礎函式的第四篇文章,今天要來介紹 REPLACE 函式! REPLACE 可以取代掉儲存格內的文字,今天會分享一下它語法怎麼寫、也有兩個實際應用的案例。一起來看看! REPLACE 語法 REPLACE 的語法長了一點點,有四個參數要設定: =REPLACE(要取代
Thumbnail
2024/05/25
這是文字處理基礎函式的第四篇文章,今天要來介紹 REPLACE 函式! REPLACE 可以取代掉儲存格內的文字,今天會分享一下它語法怎麼寫、也有兩個實際應用的案例。一起來看看! REPLACE 語法 REPLACE 的語法長了一點點,有四個參數要設定: =REPLACE(要取代
Thumbnail
看更多
你可能也想看
Thumbnail
TOMICA第一波推出吉伊卡哇聯名小車車的時候馬上就被搶購一空,一直很扼腕當時沒有趕緊入手。前陣子閒來無事逛蝦皮,突然發現幾家商場都又開始重新上架,價格也都回到正常水準,估計是官方又再補了一批貨,想都沒想就立刻下單! 同文也跟大家分享近期蝦皮購物紀錄、好用推薦、蝦皮分潤計畫的聯盟行銷!
Thumbnail
TOMICA第一波推出吉伊卡哇聯名小車車的時候馬上就被搶購一空,一直很扼腕當時沒有趕緊入手。前陣子閒來無事逛蝦皮,突然發現幾家商場都又開始重新上架,價格也都回到正常水準,估計是官方又再補了一批貨,想都沒想就立刻下單! 同文也跟大家分享近期蝦皮購物紀錄、好用推薦、蝦皮分潤計畫的聯盟行銷!
Thumbnail
每年4月、5月都是最多稅要繳的月份,當然大部份的人都是有機會繳到「綜合所得稅」,只是相當相當多人還不知道,原來繳給政府的稅!可以透過一些有活動的銀行信用卡或電子支付來繳,從繳費中賺一點點小確幸!就是賺個1%~2%大家也是很開心的,因為你們把沒回饋變成有回饋,就是用卡的最高境界 所得稅線上申報
Thumbnail
每年4月、5月都是最多稅要繳的月份,當然大部份的人都是有機會繳到「綜合所得稅」,只是相當相當多人還不知道,原來繳給政府的稅!可以透過一些有活動的銀行信用卡或電子支付來繳,從繳費中賺一點點小確幸!就是賺個1%~2%大家也是很開心的,因為你們把沒回饋變成有回饋,就是用卡的最高境界 所得稅線上申報
Thumbnail
開啟功能表: 綠線為短周期多空線,可移除忽略 圖解 "趨勢一旦形成,不容易反轉" 下圖K線紅圈處,為適合使用 "比大盤強" 選股策略的位置 比大盤強的選股條件
Thumbnail
開啟功能表: 綠線為短周期多空線,可移除忽略 圖解 "趨勢一旦形成,不容易反轉" 下圖K線紅圈處,為適合使用 "比大盤強" 選股策略的位置 比大盤強的選股條件
Thumbnail
總結: 急拉出量時注意停利,當大K棒出現時立刻設保利一半K 不要認為價位計算一定會到,而是注意保利 上沖下洗回中間後(盤整)暫不操作,反之亦同 盤整時不操作或觀察線
Thumbnail
總結: 急拉出量時注意停利,當大K棒出現時立刻設保利一半K 不要認為價位計算一定會到,而是注意保利 上沖下洗回中間後(盤整)暫不操作,反之亦同 盤整時不操作或觀察線
Thumbnail
大家好!今天要跟大家分享 SPARKLINE 的最後一種圖表,勝負分析走勢圖。到這邊 SPARKLINE 系列就連載完畢囉,謝謝支持!
Thumbnail
大家好!今天要跟大家分享 SPARKLINE 的最後一種圖表,勝負分析走勢圖。到這邊 SPARKLINE 系列就連載完畢囉,謝謝支持!
Thumbnail
這是 SPARKLINE 迷你圖表系列的第三篇文章!今天要介紹怎麼用 SPARKLINE 繪製迷你直條圖。
Thumbnail
這是 SPARKLINE 迷你圖表系列的第三篇文章!今天要介紹怎麼用 SPARKLINE 繪製迷你直條圖。
Thumbnail
在上週我們介紹了怎麼用 SPARKLINE 函式製作折線圖。今天要繼續介紹怎麼用 SPARKLINE 函式製作「堆疊長條圖」!
Thumbnail
在上週我們介紹了怎麼用 SPARKLINE 函式製作折線圖。今天要繼續介紹怎麼用 SPARKLINE 函式製作「堆疊長條圖」!
Thumbnail
血哥這陣子在思考,教學內容該如何更明確、更簡化,於是想到了,可以將常見的走勢型態印出來,盤中該注意的重點也分別列出。雖然在後續走勢尚未出現前,我們都是在瞎子摸象,畢竟沒有人能夠預知未來,但如果能夠有一幅行情地圖當作輔佐,當實際走勢真的成真時,也能更加踏實。 量縮價平,十字K,無量的波動,繼續等。
Thumbnail
血哥這陣子在思考,教學內容該如何更明確、更簡化,於是想到了,可以將常見的走勢型態印出來,盤中該注意的重點也分別列出。雖然在後續走勢尚未出現前,我們都是在瞎子摸象,畢竟沒有人能夠預知未來,但如果能夠有一幅行情地圖當作輔佐,當實際走勢真的成真時,也能更加踏實。 量縮價平,十字K,無量的波動,繼續等。
Thumbnail
私人筆記供學習非建議操作,請同學先畫好周線、日線的趨勢或支撐壓力,然後再來翻閱試題比對答案。 很多同學不知道線怎麼看,這邊就利用空檔直接寫下邏輯概念 請謹記技術分機型態操作準則: 空方進場:股價跌破支撐,股價漲到壓力 空方退場:股價突破壓力,股價跌破後又站上支撐形成假跌破,股價跌至支撐可停利一半
Thumbnail
私人筆記供學習非建議操作,請同學先畫好周線、日線的趨勢或支撐壓力,然後再來翻閱試題比對答案。 很多同學不知道線怎麼看,這邊就利用空檔直接寫下邏輯概念 請謹記技術分機型態操作準則: 空方進場:股價跌破支撐,股價漲到壓力 空方退場:股價突破壓力,股價跌破後又站上支撐形成假跌破,股價跌至支撐可停利一半
Thumbnail
先了解如何選擇正確的圖表類別 讓我們舉個例子來說明吧!!
Thumbnail
先了解如何選擇正確的圖表類別 讓我們舉個例子來說明吧!!
Thumbnail
私人筆記供學習非建議操作,請同學先畫好周線、日線的趨勢或支撐壓力,然後再來翻閱試題比對答案。 很多同學不知道線怎麼看,這邊就利用空檔直接寫下邏輯概念 請謹記技術分機型態操作準則: 空方進場:股價跌破支撐,股價漲到壓力 空方退場:股價突破壓力,股價跌破後又站上支撐形成假跌破,股價跌至支撐可停利一半
Thumbnail
私人筆記供學習非建議操作,請同學先畫好周線、日線的趨勢或支撐壓力,然後再來翻閱試題比對答案。 很多同學不知道線怎麼看,這邊就利用空檔直接寫下邏輯概念 請謹記技術分機型態操作準則: 空方進場:股價跌破支撐,股價漲到壓力 空方退場:股價突破壓力,股價跌破後又站上支撐形成假跌破,股價跌至支撐可停利一半
追蹤感興趣的內容從 Google News 追蹤更多 vocus 的最新精選內容追蹤 Google News