我該用哪個圖表?(二)柱狀圖、長條圖

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

上一篇我們聊到了折線圖(還沒看過的話,歡迎點連結),有稍稍提到了一點關於「柱狀圖」和「長條圖」的觀念。或許你小學就看過了這兩種圖,但你還記得要怎麼用這兩種圖嗎 ᕕ ( ᐛ ) ᕗ?

為了別讓數學老師哭出來,今天來把它們說清楚!


柱狀圖 / 長條圖是什麼?

首先我們先名詞定義一下:

根據 Google 試算表官方的定義:
柱狀圖的柱子看起來是直的、
條狀圖的條子看起來是橫的。
這是柱狀圖!

這是柱狀圖!

這是條狀圖!

這是條狀圖!

使用時機:

  • 適合呈現各資料類別的數量、或是時間日期內資料的變化
  • 類別底下如果還有其他小類別的話,這種圖也很適合

柱狀圖、長條圖主要重點有這兩個:「各類別資料的比較」、「看資料隨著時間日期的變化」。後面這個「看資料隨著時間日期的變化」有一點跟之前介紹過的折線圖類似,這跟折線圖差別又在哪、適合使用的時機又是什麼,我們等等再來講解一下!

柱狀圖和長條圖還有另一種堆疊的形式,也可以一眼看到在同一條柱狀或長條裡,資料佔總數的大致比例:

這是堆疊的柱狀圖!

這是堆疊的柱狀圖!

那麼我剛剛提到了「類別」和「小類別」這兩件事,來打個比方好了!上面「租屋」這個類別裡,有分成三個顏色、分別表示 2022 年一月、二月、三月的資訊,我們就可以說「類別」就是「租屋」、「小類別」就是「月份」了。

柱狀圖和長條圖還有個妙用,就是顯示資料標籤:

raw-image

可以在資料上面直接標示數量(總和、或是各個項目總和),這也對讀者來說是個很方便的資訊。


那什麼時候用折線圖?什麼時候用柱狀圖?

  • 想呈現資料隨著時間變化與趨勢,就用折線圖
  • 想呈現資料差異、分類的大小,就用柱狀圖

如果希望讀者注意資料隨著時間的變化和趨勢,那麼折線圖是首選,因為線有連續性、比較容易看得出時間內的資料變化,也能讓讀者「看見」線段之外、或之間,那些沒有直接說出來的資訊;相反地,如果想要顯示資料間的差異、或個別資料的大小,長條圖可能適合些。

下圖有兩張圖表、用同一組數字表示,你會看到柱狀圖跟折線圖的差異,是不是很明顯?

raw-image

如果你想要表達的是資料隨著時間的變化,其實就要花多一點力來讀上方的柱狀圖、但相對地,讀下面的折線圖就會輕鬆許多。

當然,也有柱狀圖比較適合、而折線圖沒那麼適合的時候。我一樣用了同樣一組資料、但是用兩種圖表顯示:

raw-image

雖然兩張圖的 X 軸都是用時間排列沒問題,但你就會看到柱狀圖想表達的資訊比折狀圖清楚多了!如果想要從折線圖看到第一季的總和,實在是有點難馬上辨別了。

選用圖表沒有對錯、只有適不適合。面對不同資料類型、客戶或老闆不同的需求、想表達的資訊和故事,就會有適合的圖表、和不適合的圖表。如果不確定要在什麼時候用什麼,可以多做幾張圖表比較看看效果,也可以問問他人的意見、或是問問喜特先生也當然沒問題!

那這裡想來分享一下我覺得製作柱狀圖、長條圖的時候,可以注意的小建議:


使用建議一:避免有太多條資料

raw-image

嗯...你看到了,假如你想做一張世界各國人口統計,柱狀圖跟長條圖可能不是最好的選擇。這樣的圖表沒有太大的意義,或許這邊用「地理圖」會好一些:

人口統計,深色表示人口多、淺色表示人口少。

人口統計,深色表示人口多、淺色表示人口少。

又如果資料裡面有很多時間或日期的資訊、那可以考慮用折線圖呈現,就或許不需要用柱狀圖或長條圖了。


使用建議二:堆疊式避免列入太細的資料

raw-image

在上面這張圖的頂端,好像隱隱約約有幾條薄薄的資料堆疊在上面,有點不知道是什麼意思?如果是這樣的話,可以考慮回到原本的資料、用「其他」之類的種類歸納一下、還有能歸納的也歸納,會比較清楚一點。整理整理過後,比較一下:

raw-image

這麼一來,資訊也收納得比較好一點囉!


使用建議三:資料標籤

raw-image

再看看這張圖吧,嗯...是不是...有點混亂?如果你的圖表遇到這個問題,也可以考慮:

  • 把項目再規劃一下
  • 把太細小的分類歸類成「其他」
  • 有沒有必要把全部的類別顯示出來
  • 也可以點擊上面的數字手動把不必要的標籤刪除掉



好了!希望這次的教學有幫助到大家。柱狀圖和長條圖是很常用的圖表,妥善運用的話也可以讓你的資料視覺化更加分!( • ̀ω•́ )

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

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

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



留言
avatar-img
留言分享你的想法!
avatar-img
喜特先生官方沙龍
18.0K會員
152內容數
簡潔,快速,有效, 讓你的日常生活、工作生產力大提升! ___ 快按「加入」,馬上追蹤所有喜特先生的更新,有 Google 試算表教學、Google Apps Script 的研究、數據分析課程的開箱,還有 Google 試算表疑難雜症的解題分享唷!💪
2023/06/29
今天會簡單聊聊在商業分析師/數據分析師求職時我經歷的路、還有回顧這一路上的心得,希望大家會喜歡!
Thumbnail
2023/06/29
今天會簡單聊聊在商業分析師/數據分析師求職時我經歷的路、還有回顧這一路上的心得,希望大家會喜歡!
Thumbnail
2022/05/01
這次想要來介紹個「圓餅圖」,似乎是個很常在新聞媒體、統計報告上看到的一種圖表,不知道你有沒有聽說,其實這種圖有點越來越不受青睞了 Σ(°Д°; ? 一起來看看吧!
Thumbnail
2022/05/01
這次想要來介紹個「圓餅圖」,似乎是個很常在新聞媒體、統計報告上看到的一種圖表,不知道你有沒有聽說,其實這種圖有點越來越不受青睞了 Σ(°Д°; ? 一起來看看吧!
Thumbnail
2022/04/17
最近和一位剛出社會的新鮮人學弟吃飯,聽他講了一個他做的報告慘遭主管嫌棄的小故事。發生什麼事呢?今天要來聊聊折線圖,我們來瞧瞧!
Thumbnail
2022/04/17
最近和一位剛出社會的新鮮人學弟吃飯,聽他講了一個他做的報告慘遭主管嫌棄的小故事。發生什麼事呢?今天要來聊聊折線圖,我們來瞧瞧!
Thumbnail
看更多
你可能也想看
Thumbnail
「欸!這是在哪裡買的?求連結 🥺」 誰叫你太有品味,一發就讓大家跟著剁手手? 讓你回購再回購的生活好物,是時候該介紹出場了吧! 「開箱你的美好生活」現正召喚各路好物的開箱使者 🤩
Thumbnail
「欸!這是在哪裡買的?求連結 🥺」 誰叫你太有品味,一發就讓大家跟著剁手手? 讓你回購再回購的生活好物,是時候該介紹出場了吧! 「開箱你的美好生活」現正召喚各路好物的開箱使者 🤩
Thumbnail
如果你在工作中常常需要透過數字和簡報說故事,非常適合閱讀這本書,別以為圖表很簡單其實背後暗藏許多玄機,好的圖表和簡報能讓人5秒內看懂你想說的故事。這篇文章會和大家分享本書最精華的部分,讓大家能快速了解繪製圖表的核心重點。
Thumbnail
如果你在工作中常常需要透過數字和簡報說故事,非常適合閱讀這本書,別以為圖表很簡單其實背後暗藏許多玄機,好的圖表和簡報能讓人5秒內看懂你想說的故事。這篇文章會和大家分享本書最精華的部分,讓大家能快速了解繪製圖表的核心重點。
Thumbnail
直接用例子舉例,下圖的數據用眼睛看很難看出相關比較與趨勢,但是如果畫成圖表呢?密密麻麻好幾條線,要看出趨勢對於眼睛來說是個很大的考驗,那麼改怎麼做才能將這樣的數據可視化呢? 今天將會提供三種方法 可以先下載檔案一邊看教學一邊練習,這樣才不會忘記唷 檔案下載 第一種:設定格式化條件 設定格式化條件裡面
Thumbnail
直接用例子舉例,下圖的數據用眼睛看很難看出相關比較與趨勢,但是如果畫成圖表呢?密密麻麻好幾條線,要看出趨勢對於眼睛來說是個很大的考驗,那麼改怎麼做才能將這樣的數據可視化呢? 今天將會提供三種方法 可以先下載檔案一邊看教學一邊練習,這樣才不會忘記唷 檔案下載 第一種:設定格式化條件 設定格式化條件裡面
Thumbnail
在上週我們介紹了怎麼用 SPARKLINE 函式製作折線圖。今天要繼續介紹怎麼用 SPARKLINE 函式製作「堆疊長條圖」!
Thumbnail
在上週我們介紹了怎麼用 SPARKLINE 函式製作折線圖。今天要繼續介紹怎麼用 SPARKLINE 函式製作「堆疊長條圖」!
Thumbnail
辛苦做好了數據的收集和分析,資訊圖表的設計和製作就成為了最後的一哩路。好的設計能讓觀眾一眼看出你想表達的說法和結論,所靠的就是數據的有效呈現和突顯,能夠配合訊息、營造呼應的效果。我們從業界的真實例子出發,逐步分析和修正折線圖的設計和數據突顯。
Thumbnail
辛苦做好了數據的收集和分析,資訊圖表的設計和製作就成為了最後的一哩路。好的設計能讓觀眾一眼看出你想表達的說法和結論,所靠的就是數據的有效呈現和突顯,能夠配合訊息、營造呼應的效果。我們從業界的真實例子出發,逐步分析和修正折線圖的設計和數據突顯。
Thumbnail
先了解如何選擇正確的圖表類別 讓我們舉個例子來說明吧!!
Thumbnail
先了解如何選擇正確的圖表類別 讓我們舉個例子來說明吧!!
Thumbnail
上一篇我們聊到了折線圖(還沒看過的話,歡迎點連結),有稍稍提到了一點關於「柱狀圖」和「長條圖」的觀念。或許你小學就看過了這兩種圖,但你還記得要怎麼用這兩種圖嗎 ᕕ ( ᐛ ) ᕗ? 為了別讓數學老師哭出來,今天來把它們說清楚!
Thumbnail
上一篇我們聊到了折線圖(還沒看過的話,歡迎點連結),有稍稍提到了一點關於「柱狀圖」和「長條圖」的觀念。或許你小學就看過了這兩種圖,但你還記得要怎麼用這兩種圖嗎 ᕕ ( ᐛ ) ᕗ? 為了別讓數學老師哭出來,今天來把它們說清楚!
Thumbnail
最近和一位剛出社會的新鮮人學弟吃飯,聽他講了一個他做的報告慘遭主管嫌棄的小故事。發生什麼事呢?今天要來聊聊折線圖,我們來瞧瞧!
Thumbnail
最近和一位剛出社會的新鮮人學弟吃飯,聽他講了一個他做的報告慘遭主管嫌棄的小故事。發生什麼事呢?今天要來聊聊折線圖,我們來瞧瞧!
追蹤感興趣的內容從 Google News 追蹤更多 vocus 的最新精選內容追蹤 Google News