Google試算表如何繪製【長條圖】?重要功能一定要會用!

Last Updated on 2021 年 9 月 14 日 by 小幫手

How to make a Bar chart in Google sheets 封面圖片

ExcelGoogle試算表都有提供繪製圖表的功能,其中「長條圖」是常見的圖表類型之一,各種軟體的翻譯可能不太一樣,試算表裡的長條圖是指「橫的」那種,它能設定的東西雖然很多,但只要把重點功能記起來,你的長條圖就會更加精美實用!

長條圖類型有哪些?

在開始繪製長條圖之前,先來認識一下長條圖的類型吧!一般我們看到的長條圖,主要可以分成三種類型:長條圖堆疊長條圖百分比堆疊長條圖

長條圖

第一種「一般的長條圖」是沒有堆疊效果的,沒有其他系列的資料的話,就是像下面這張圖一樣呈現並排的狀態。

長條圖


如果長條圖有新增其他系列的資料,它也不會往右堆疊,而是往下新增另一個長條然後並排在一起。

長條圖


堆疊長條圖

「堆疊長條圖」的英文叫做「Stacked bar chart」,如果有兩三種以上系列的資料,通常也會使用這種長條圖,每新增一個系列的資料,它就會往長條圖的右邊堆疊過去。

堆疊長條圖除了可以用來比較總數之外,也經常被拿來繪製「進度圖」或「甘特圖」這類型的圖表。

堆疊長條圖


百分比堆疊長條圖

「百分比堆疊長條圖」的英文是「100% Stacked bar chart」,它跟上面的堆疊長條圖外觀有點相似,但是它的「資料」跟「X軸」都是以百分比來劃分,所以每一根橫條的長度都是一樣的,是比較強調百分比例的長條圖圖表。

百分比堆疊長條圖


插入長條圖

認識完Google試算表的長條圖類型之後,就可以開始插入長條圖了,在試算表裡面,你一般可以透過 插入選單 或是 工具列 來插入圖表。

從工具列插入長條圖


但像是「長條圖」這種圖表類型,它經常也會出現在右下角的 探索 裡面,只要把資料範圍框選起來,「探索」通常會提供長條圖的預覽圖給你參考,如果覺得它的長條圖做不錯的話,就可以直接從裡面拖曳到工作表中,能節省一些製圖的時間。

從「探索」插入長條圖


aifian APP推薦活動
[ 這 是 APP 推 廣 活 動 廣 告 ]


長條圖的設定功能

當我們把長條圖插入工作表之後,就可以進入圖表編輯的環節了。

點選編輯圖表

首先,點擊剛剛所插入的圖表,它的右上角會出現一個選單符號【】,點擊 編輯圖表 的選項,就可以打開右側 圖表編輯器 的介面。

點擊「編輯圖表」


設定:長條圖的類型

打開右邊的圖表編輯器之後,可以在[設定]這邊用 圖表類型 或是 堆疊方式 來切換長條圖的類型,具體方式就如下面這張圖一樣。

而如果想要更改長條圖的資料範圍,也可以在下面那邊重新設定範圍。

切換長條圖的圖表類型


設定:長條圖的Y軸

在圖表編輯器的「設定」這邊往下拉,可以看到一個「Y軸」的功能,它可以用來控制長條圖「Y軸」的內容,或是點旁邊的三點符號【】來移除或新增標籤。

調整長條圖Y軸項目


設定:移除其他系列

由於長條圖的每個資料系列都有各自的顏色,如果你單純只想要其中一種資料來比較的話,可以點旁邊的符號【】來移除其他系列的長條圖,讓長條圖只顯示同一系列的資料。

移除長條圖系列資料


設定:新增系列的標籤

另外,如果點 新增標籤 的選項,它就會在那個系列的長條圖上添加標籤,而且標籤的內容也可切換。

就以下面這張圖為例子,如果按新增標籤,每一個長條的頂端附近會先出現一個小標籤,它一開始顯示的是學生的名字,由於這個圖表是要製作成數學成績圖,所以改用「數學的資料標籤」會比較恰當。(選擇國文標籤就會圖文不符)

這個功能其實非常地實用!因為可以很清楚地了解每個長條所代表的資料跟意義。

為長條圖系列新增標籤


設定:切換列/欄

「系列」的下面還有一個 切換列/欄 的功能,它可以長條圖的資料換成另一種顯示方式。

以下面這張圖為例,原本Y軸都是用學生來劃分資料群組,但切換列/欄之後,就變成可以用「國文/英文/數學」來劃分群組。

長條圖切換列/欄


不過,這邊要注意的是原本有5個學生的資料,後來只剩下3個,這時候就要回到上面的 系列 來新增其他學生的長條系列。

長條圖新增系列資料


aifian APP推薦活動
[ 這 是 APP 推 廣 活 動 廣 告 ]


長條圖的自訂功能

接下來可以把圖片編輯器切換到另一個「自訂」的功能區,這邊可以設定的功能項目也非常多,包括:

  • 圖表樣式
  • 圖表標題和軸標題
  • 系列
  • 圖例
  • 橫軸
  • 縱軸
  • 格線與刻度

來看看這些可以怎麼用吧!


自訂:圖表樣式

「圖表樣式」這邊除了圖表的背景顏色跟邊框顏色等一般功能可以設定之外,下面還有一個切換3D圖表的選項,所以想要立體長條圖效果的話,就是把下面那個 3D 打勾就對了。

長條圖最大化與3D立體化


自訂:圖表標題和軸標題

再來是標題的部分,一般插入圖表都會有一個主要的「圖表標題」,它裡面的內容、字形、大小、格式、顏色都是可以自由設定的。

除此之外,你也可以為圖表新增其他的副標題,以下圖為例,它除了「副標題」之外,還可以新增「水平軸標題」跟「垂直軸標題」,他們可以調整的設定大致都差不多,只是預設的位置會不太一樣。

長條圖的標題/副標題/水平軸標題/垂直軸標題設定


自訂:系列

再來自訂的「系列」這個功能就滿重要了,因為它可以改變每個系列長條的顏色,以下面這張圖為例子,當我切換到「國文」的選項之後,可以調整 填滿顏色 的選項,讓「國文」這個系列的長條都變成灰色。

所以這裡的設定幾乎決定了長條圖的圖表美觀!

長條圖系列的顏色設定


自訂:系列-資料點格式

「系列」裡面有一個很重要的功能,就是 資料點格式 ,這個功能就是用來設定「單獨長條」的顏色。換句話說,如果想讓長條圖的某一條顏色突出一點的話,就是在這邊設定。

如果要使用這個功能,要點資料點格式旁邊的 新增 按鈕,這樣下面才會出現可以調整顏色的選項。

像是下面這張圖裡的「小琪」她的國文成績最高,但第二名也只差一點點而已,遠看可能會分辨不出誰長誰短,這時候就可以新增「資料點格式」,來讓她的長條棒顏色明顯一點,這樣一看就知道她是最高分的了!

長條圖的資料點格式,可凸顯單個長條的顏色


自訂:系列-資料標籤

除了資料點格式之外,下面這個 資料標籤 功能的重要性也不輸「資料點格式」!

一般長條如果要靠刻度來判斷資料大小的話,可能效果有限,但如果直接在每個長條上面貼個標籤,那數據看起來就會非常直觀了!

長條圖的資料標籤


自訂:圖例

再來「圖例」的功能也很重要,雖然每個長條之間可以用顏色來區分,但是如果不知道這些顏色代表什麼的話,這個圖表就不太能用。

所以如果你的長條圖上面看不到「圖例」的話,記得要到這邊來打開它,順便調整一下最佳位置。

長條圖的圖例位置設定


自訂:橫軸

「橫軸」的功能就是專門設定長條圖的橫軸,可以從這邊調整長條圖橫軸的 最大/最小值對數刻度 還有 標籤角度。此外,橫軸上的數字格式跟縮放比例也都可以改變。

舉例來說,像是下面這樣設定橫軸的 最小值允許邊界隱藏資料,就可以讓每個長條彼此的差距變大,這樣更利於判斷資料的大小。

長條圖顯示X軸軸線,並且設定最大/最小值,允許邊界隱藏資料


自訂:縱軸

「縱軸」除了一般的字型或格式可以設定之外,下面還有一個 反轉軸序 的選項,把它打勾之後,可以讓縱軸的資料順序反轉過來。

反轉軸序


自訂:格線與刻度

最後的「格線與刻度」這邊分成「縱軸」跟「橫軸」兩個部分,由於這個圖表的類型是長條圖的關係,「橫軸」可以設定的功能會比「縱軸」的要多,上面的選項記得要切換到「橫軸」那邊。

以下面這張圖為例,可以透過變更主要格線的 主要計數,來把長條圖中「較粗的格線」劃分成不同等分的間距。

調整長條圖格線的主要計數


而如果需要更多圖表格線的話,可以考慮把 次要格線 也打開來。

調整長條圖的次要格線


除了格線可以設定之外,橫軸的 刻度 也可以在這邊做設定,

調整長條圖的主要刻度與次要刻度

此外,格線跟刻度的顏色或是粗細大小等格式設定,也都可以在這邊進一步調整。這些都算是偏輔助的功能,只要稍微調整一下,對長條圖來說還是有加分效果的!


aifian APP推薦活動
[ 這 是 APP 推 廣 活 動 廣 告 ]


長條圖成品例子

只要熟悉以上長條圖的功能設定,相信做出來的圖表肯定不會太差!

像是下面這張長條圖,只要有設定「資料點格式」,一看就能知道誰的國文成績最高。

長條圖有設定資料點格式的樣子


而這張總成績的堆疊長條圖,也能看得出誰的總分最多,再加上「資料標籤」的話,國文、英文、數學的成績都能一目了然!

堆疊長條圖有設定資料標籤的樣子


而下面這張營收百分比堆疊長條圖,雖然可以清楚看出每個月的營收占比是多少,但是缺少了「圖例」這個設定,所以也無從判斷每個顏色代表的意義是什麼了。

百分比堆疊長條圖缺少了圖例的樣子


結語

從最後一張圖來看,就可以知道「圖例」的重要性了,長條圖的每個功能設定都有它的用處,如果少了一個功能,這張長條圖就比較難讓人使用了。

繪製一張長條圖雖然不難,但至少要學會設定一些重點功能,才能做出一張優秀的圖表!

Reference:SpreadsheetPoint文件編輯器


延伸閱讀

【Google試算表】全部文章總整理

Google試算表如何【插入圖表】?自動生成圖表的方法?

Google試算表如何繪製【圓餅圖】?像披薩一樣的分離效果怎做?

簡易【甘特圖】製作只需要5分鐘!外掛、函數、圖表都不用!

Google試算表|用SPARKLINE把【進度條】放進儲存格裡!


aifian APP推薦活動


最後
§ 很感謝你的閱讀 §
如果你喜歡這篇文章的話

→ 歡迎 留言分享 喔!

→ 歡迎點下面這張圖來【贊助】支持我!讓我繼續為你創作更多內容!

贊助我一杯咖啡


發表迴響