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

更新 發佈閱讀 9 分鐘

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

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


勝負分析走勢圖是什麼

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

vocus|新世代的創作平台

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

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

vocus|新世代的創作平台

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

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

vocus|新世代的創作平台

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

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

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


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

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

vocus|新世代的創作平台

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

vocus|新世代的創作平台

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

=SPARKLINE(B4:J4, {"charttype", "winloss"})
vocus|新世代的創作平台

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

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

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

vocus|新世代的創作平台


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

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

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

=SPARKLINE(L4:T4, {"charttype", "winloss";
"highcolor", "blue"; "lowcolor", "red"})
vocus|新世代的創作平台

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

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

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

=SPARKLINE(L8:T8, {"charttype", "winloss";
"highcolor", "blue"; "lowcolor", "red"})
vocus|新世代的創作平台


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

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

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

=SPARKLINE(L12:T12, {"charttype", "winloss";
"firstcolor", "green"; "lastcolor", "orange"})
vocus|新世代的創作平台


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

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

=SPARKLINE(L12:T12, {"charttype", "winloss";
"axis", true})
vocus|新世代的創作平台

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

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

=SPARKLINE(L12:T12, {"charttype", "winloss";
"axis", true; "axiscolor", "lightgreen"})
vocus|新世代的創作平台


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


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

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

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

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

=SPARKLINE(AF4:AN4, {"charttype", "column";
"empty", "ignore"})
vocus|新世代的創作平台

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

再來是 zero:

=SPARKLINE(AF8:AN8, {"charttype", "column";
"empty", "zero"})
vocus|新世代的創作平台

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


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

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

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

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

=SPARKLINE(AF12:AN12, {"charttype", "column";
"nan", "ignore"})
vocus|新世代的創作平台

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

再來看看 convert:

=SPARKLINE(AF16:AN16, {"charttype", "column";
"nan", "convert"})
vocus|新世代的創作平台

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


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

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

=SPARKLINE(AF16:AN16, {"charttype", "column";
"rtl", true})
vocus|新世代的創作平台

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



圖表顏色彙整

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

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



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

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

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

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



留言
avatar-img
喜特先生官方沙龍
21.1K會員
158內容數
簡潔,快速,有效, 讓你的日常生活、工作生產力大提升! ___ 快按「加入」,馬上追蹤所有喜特先生的更新,有 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
私人筆記供學習非建議操作,請同學先畫好周線、日線的趨勢或支撐壓力,然後再來翻閱試題比對答案。 很多同學不知道線怎麼看,這邊就利用空檔直接寫下邏輯概念 請謹記技術分機型態操作準則: 空方進場:股價跌破支撐,股價漲到壓力 空方退場:股價突破壓力,股價跌破後又站上支撐形成假跌破,股價跌至支撐可停利一半
Thumbnail
私人筆記供學習非建議操作,請同學先畫好周線、日線的趨勢或支撐壓力,然後再來翻閱試題比對答案。 很多同學不知道線怎麼看,這邊就利用空檔直接寫下邏輯概念 請謹記技術分機型態操作準則: 空方進場:股價跌破支撐,股價漲到壓力 空方退場:股價突破壓力,股價跌破後又站上支撐形成假跌破,股價跌至支撐可停利一半
Thumbnail
這是 SPARKLINE 迷你圖表系列的第三篇文章!今天要介紹怎麼用 SPARKLINE 繪製迷你直條圖。
Thumbnail
這是 SPARKLINE 迷你圖表系列的第三篇文章!今天要介紹怎麼用 SPARKLINE 繪製迷你直條圖。
Thumbnail
《轉轉生》(Re:INCARNATION)為奈及利亞編舞家庫德斯.奧尼奎庫與 Q 舞團創作的當代舞蹈作品,結合拉各斯街頭節奏、Afrobeat/Afrobeats、以及約魯巴宇宙觀的非線性時間,建構出關於輪迴的「誕生—死亡—重生」儀式結構。本文將從約魯巴哲學概念出發,解析其去殖民的身體政治。
Thumbnail
《轉轉生》(Re:INCARNATION)為奈及利亞編舞家庫德斯.奧尼奎庫與 Q 舞團創作的當代舞蹈作品,結合拉各斯街頭節奏、Afrobeat/Afrobeats、以及約魯巴宇宙觀的非線性時間,建構出關於輪迴的「誕生—死亡—重生」儀式結構。本文將從約魯巴哲學概念出發,解析其去殖民的身體政治。
Thumbnail
開啟功能表: 綠線為短周期多空線,可移除忽略 圖解 "趨勢一旦形成,不容易反轉" 下圖K線紅圈處,為適合使用 "比大盤強" 選股策略的位置 比大盤強的選股條件
Thumbnail
開啟功能表: 綠線為短周期多空線,可移除忽略 圖解 "趨勢一旦形成,不容易反轉" 下圖K線紅圈處,為適合使用 "比大盤強" 選股策略的位置 比大盤強的選股條件
Thumbnail
本文分析導演巴里・柯斯基(Barrie Kosky)如何運用極簡的舞臺配置,將布萊希特(Bertolt Brecht)的「疏離效果」轉化為視覺奇觀與黑色幽默,探討《三便士歌劇》在當代劇場中的新詮釋,並藉由舞臺、燈光、服裝、音樂等多方面,分析該作如何在保留批判核心的同時,觸及觀眾的觀看位置與人性幽微。
Thumbnail
本文分析導演巴里・柯斯基(Barrie Kosky)如何運用極簡的舞臺配置,將布萊希特(Bertolt Brecht)的「疏離效果」轉化為視覺奇觀與黑色幽默,探討《三便士歌劇》在當代劇場中的新詮釋,並藉由舞臺、燈光、服裝、音樂等多方面,分析該作如何在保留批判核心的同時,觸及觀眾的觀看位置與人性幽微。
Thumbnail
血哥這陣子在思考,教學內容該如何更明確、更簡化,於是想到了,可以將常見的走勢型態印出來,盤中該注意的重點也分別列出。雖然在後續走勢尚未出現前,我們都是在瞎子摸象,畢竟沒有人能夠預知未來,但如果能夠有一幅行情地圖當作輔佐,當實際走勢真的成真時,也能更加踏實。 量縮價平,十字K,無量的波動,繼續等。
Thumbnail
血哥這陣子在思考,教學內容該如何更明確、更簡化,於是想到了,可以將常見的走勢型態印出來,盤中該注意的重點也分別列出。雖然在後續走勢尚未出現前,我們都是在瞎子摸象,畢竟沒有人能夠預知未來,但如果能夠有一幅行情地圖當作輔佐,當實際走勢真的成真時,也能更加踏實。 量縮價平,十字K,無量的波動,繼續等。
Thumbnail
在上週我們介紹了怎麼用 SPARKLINE 函式製作折線圖。今天要繼續介紹怎麼用 SPARKLINE 函式製作「堆疊長條圖」!
Thumbnail
在上週我們介紹了怎麼用 SPARKLINE 函式製作折線圖。今天要繼續介紹怎麼用 SPARKLINE 函式製作「堆疊長條圖」!
Thumbnail
這是一場修復文化與重建精神的儀式,觀眾不需要完全看懂《遊林驚夢:巧遇Hagay》,但你能感受心與土地團聚的渴望,也不急著在此處釐清或定義什麼,但你的在場感受,就是一條線索,關於如何找著自己的路徑、自己的聲音。
Thumbnail
這是一場修復文化與重建精神的儀式,觀眾不需要完全看懂《遊林驚夢:巧遇Hagay》,但你能感受心與土地團聚的渴望,也不急著在此處釐清或定義什麼,但你的在場感受,就是一條線索,關於如何找著自己的路徑、自己的聲音。
Thumbnail
總結: 急拉出量時注意停利,當大K棒出現時立刻設保利一半K 不要認為價位計算一定會到,而是注意保利 上沖下洗回中間後(盤整)暫不操作,反之亦同 盤整時不操作或觀察線
Thumbnail
總結: 急拉出量時注意停利,當大K棒出現時立刻設保利一半K 不要認為價位計算一定會到,而是注意保利 上沖下洗回中間後(盤整)暫不操作,反之亦同 盤整時不操作或觀察線
Thumbnail
大家好!今天要跟大家分享 SPARKLINE 的最後一種圖表,勝負分析走勢圖。到這邊 SPARKLINE 系列就連載完畢囉,謝謝支持!
Thumbnail
大家好!今天要跟大家分享 SPARKLINE 的最後一種圖表,勝負分析走勢圖。到這邊 SPARKLINE 系列就連載完畢囉,謝謝支持!
Thumbnail
背景:從冷門配角到市場主線,算力與電力被重新定價   小P從2008進入股市,每一個時期的投資亮點都不同,記得2009蘋果手機剛上市,當時蘋果只要在媒體上提到哪一間供應鏈,隔天股價就有驚人的表現,當時光學鏡頭非常熱門,因為手機第一次搭上鏡頭可以拍照,也造就傳統相機廠的殞落,如今手機已經全面普及,題
Thumbnail
背景:從冷門配角到市場主線,算力與電力被重新定價   小P從2008進入股市,每一個時期的投資亮點都不同,記得2009蘋果手機剛上市,當時蘋果只要在媒體上提到哪一間供應鏈,隔天股價就有驚人的表現,當時光學鏡頭非常熱門,因為手機第一次搭上鏡頭可以拍照,也造就傳統相機廠的殞落,如今手機已經全面普及,題
追蹤感興趣的內容從 Google News 追蹤更多 vocus 的最新精選內容追蹤 Google News