方格精選

墨耘|做一道「長條圖」料理

更新於 發佈於 閱讀時間約 4 分鐘
今天,想帶大家做「長條圖」料理。先對整體有個輪廓,會比細部指令來得重要喔!先見林,再見樹。
原本是用 Numbers 試算表軟體製作,為了普及性,改用 Google Sheet 做示範,背後的邏輯思維是一樣的。附上練習用的資料 👉 點此
練習資料
就以「訪客閱讀次數的前 20 傑」作為菜名吧!


步驟一:資料排序

這是「洗滌食材」的動作。
由於「前 20 傑」意味排名之分,所以先把「訪客閱讀次數」做排序;而且想讓數值高者排在前面——降冪,Google Sheet 以「Z → A」代表這件事。
⚠️ 指令:
◍ 框選所有資料 → 點擊【資料】→ 點擊【排序範圍】。
◍ 勾選【資料包含標題列】→ 下拉式選單選擇【訪客_閱讀次數】。
◍ 勾選【Z → A】→ 點擊【排序】
資料排序


步驟二:先製圖,再調整數列

先界定名詞。每一行直欄對應著一種資料,是為「數列」,而 Google Sheet 以「系列」來稱呼之。
就本練習而言,我們只需要「文章標題」和「訪客_閱讀次數」兩條數列;所以有些人會把其餘用不到的部分,直接在 Sheet 裡面刪除。
但我個人偏好,則是儘可能不要動到原始資料。先把圖做出來,再從圖表編輯器裡,把用不到的數列砍掉。雖然多一道工法,卻可保持「食材」的完整性。
⚠️ 指令:
◍ 框選所有資料 → 點擊【插入】→ 點擊【圖表】。
◍ 在圖表編輯器|設定 → 找到【圖表類型】→ 選擇【長條圖】。
◍ 往下滑找到【系列】→ 移除 6 條無關的系列。
移除 6 條無關的系列
現在,你的圖形應該清爽多了。因為只取「前 20 傑」的緣故,接下來要改動資料的範圍,取樣前 21 條橫列即可(多一條標題列)。
當初框選資料時,若刻意取樣,便可省下這一動。不過是手把手教學,多費一點力氣,無妨。
⚠️ 指令:
◍ 在圖表編輯器|設定 → 找到【資料範圍】→ 改動為「A1:H21」。
改動資料的範圍


步驟三:一定要下圖表標題

有個小技巧是,你可以直接對圖表局部滑鼠雙擊,右側圖表編輯器就會迅速切換至對應的欄位,利於微調,這樣你就不用耗費太多力氣查找層層選單
先把整張圖表拖拉放大(看得比較清楚),然後雙擊「長條圖區域」,會看到邊界冒出正方形小白點,左右拖曳它,讓 Y 軸的「文章標題」有舒服的顯示。
對圖表雙擊、拖拉、拖曳
接著要幫圖表上標題——這道菜的靈魂——標題若達意,便可視情況,斟酌省略 X 軸、Y軸、圖例的說明呈現,節省「擺盤」空間。
⚠️ 指令:
◍ 在圖表編輯器|自訂 → 選擇【圖表標題】。
◍ 在下方【標題文字】空格框輸入「訪客閱讀次數」
順便美化一下版型,我讓圖表標題的字型大小 24/粗體/置中,參考看看。
下圖表標題
我又再度雙擊「長條圖區域」,這次是上下拖曳小白點,讓圖表標題與長條圖的間隔寬鬆些。


步驟四:最後的綴飾

〔資料標籤〕

這是個人習慣,會鑲上數值;雙擊「藍色長條」,滑鼠點觸的位置可要控得很精準,確實點在藍條上才行喔!
⚠️ 指令:
◍ 在圖表編輯器|自訂 → 選擇【系列】。
◍ 往下滑找到【資料標籤】並勾選。
為藍色長條鑲上資料標籤

〔刻度〕

我也嫌 X 軸預設的刻度太稀疏,希望改為用 100 作為間距;雙擊「X 軸」,這也很吃細膩的滑鼠操作,但你應該已經熟悉了。
⚠️ 指令:
◍ 在圖表編輯器|自訂 → 選擇【隔線與刻度】→ 選擇【橫軸】。
◍ 在【主要隔線間距類型】選擇「數量」。
◍ 在【主要計數】選擇「9」。
頭尾都算,所以選擇「9」可以劃分出 8 格刻度,每格為 100。
為座標軸制定合適的刻度


尾聲

只消螢幕截圖,把圖表裁切下來,大功告成。
完工囉!
其實還有更多細節可以把玩,像是直條的粗細、陰影⋯⋯等,但那些都太走火入魔啦!最關鍵的大方向有表現出來,足矣!


謝謝各位看到這邊,隨文附上我的〔讚賞公民 2.0〕〔圍爐〕〔其它平台〕鏈結,歡迎來逛逛 ❤️。
🌱 成為我的讚賞公民👇
https://liker.land/leo7283/civic 免費獲邀進圍爐

🌱 追蹤中書神經系統
廣播資訊不漏接 好書金句/書市快訊/心智圖(Mind Map)

🌱 我在其它平台出沒👇
FacbookMastodonMediumMattersPotato
即將進入廣告,捲動後可繼續閱讀
為什麼會看到廣告
avatar-img
22.3K會員
725內容數
關注各種對「創作者經營」有益的各種話題,例如創作技巧、心態及習慣養成、閱聽方法(輸入)、筆記方法(輸出)、文案、SEO、社群經營、數位行銷、數據分析、不同創作平台比較⋯⋯終而實現創作有價,結成「創作者經濟」的果實。 免費訂閱電子報 https://creatoreconomyimo.substack.com/
留言0
查看全部
avatar-img
發表第一個留言支持創作者!
創作者經濟 IMO 的其他內容
這次來點更實用的,動態橫幅(Banner)的製作。
逐一拆解製作過程,連「眉角」都跟您說。
比較少去實體書店「試水溫」,對書評網站的依賴性漸深,這篇文章想談一下「篩書」心得。
隨著閱讀量的累積,會想要記錄自己讀過哪些書。
使用電子書閱讀器大約一年,分享一些心得。
這次來點更實用的,動態橫幅(Banner)的製作。
逐一拆解製作過程,連「眉角」都跟您說。
比較少去實體書店「試水溫」,對書評網站的依賴性漸深,這篇文章想談一下「篩書」心得。
隨著閱讀量的累積,會想要記錄自己讀過哪些書。
使用電子書閱讀器大約一年,分享一些心得。
你可能也想看
Google News 追蹤
Thumbnail
隨著理財資訊的普及,越來越多台灣人不再將資產侷限於台股,而是將視野拓展到國際市場。特別是美國市場,其豐富的理財選擇,讓不少人開始思考將資金配置於海外市場的可能性。 然而,要參與美國市場並不只是盲目跟隨標的這麼簡單,而是需要策略和方式,尤其對新手而言,除了選股以外還會遇到語言、開戶流程、Ap
Thumbnail
嘿,大家新年快樂~ 新年大家都在做什麼呢? 跨年夜的我趕工製作某個外包設計案,在工作告一段落時趕上倒數。 然後和兩個小孩過了一個忙亂的元旦。在深夜時刻,看到朋友傳來的解籤網站,興致勃勃熬夜體驗了一下,覺得非常好玩,或許有人玩過了,但還是想寫上來分享紀錄一下~
Thumbnail
高效生活,幫助你找回更多自己的時間 歡迎來到 AL 的 Googlesheet 學習筆記系列文章。在這個系列中,我們將一步步介紹各種函數,並將它們應用於日常生活中,加速工作、提高效率。 今天要介紹的是使用 Index 、 Counta 函數尋找最後一列的資料!
Thumbnail
手機版進入Google表單有三步驟 第一是進入Google瀏覽器, 第二是在瀏覽器上搜尋框,輸入Google表單, 找到,Google表單登錄,的網頁,點按進入即可 接下來就會出現目前的畫面,我們只要點選,前往表單,就可進入正式編輯的頁面了 首次進入表單編輯頁面,我們必須要為表單,訂定一個
Thumbnail
排序是EXCEL很常用很基礎的一個功能,他可以幫我們把資料依照指定的順序排列。 但通常我們使用都是以欄(直)的方向進行排序,其實EXCEL也可以依據列(橫)的方向進行排續哦😁 下圖是LINE社群網友提出的問題,想要把上圖的原始資料變成下圖。(相關問題可以加入LINE社群唷) 這時候用排序(尋
Thumbnail
日期網友詢問一個多條件動態下拉式選單的設計,如下圖。 資料中有各種年齡層的目標對象可食用食物的資料分析,其中1代表該年齡層可以吃的食物、0代表不能吃的食物。 原PO想要根據這個資料來源製作一個下拉選單,當選擇該年齡層的目標對象時,下拉式選單分別於主食、肉類、葉菜類顯示可食用的食物名稱(原始資
Thumbnail
本文介紹如何使用 萬金油 做出輔助列,以達成下拉選單的要求。將詳細討論如何處理資料範圍變動、萬金油公式和快速新增名稱的技巧。此外,也分享了三個參考影片以供學習。
Thumbnail
已命名範圍是 Google 試算表的功能,簡單來說可以把儲存格參照範圍改成自己想要的名字,可以讓算式更好讀、減少維護時間、減少錯誤機率、在算式和可以用這個名字引用這個範圍。來看看怎麼做!
Thumbnail
不同的運算子一起出現時,會根據其優先性(Precedence)來決定誰先誰後。MDN也很貼心的整理成表格了。 雖然有表格可以供我們查找,但是總不可能每一次用到運算子的時候,我們都去查找吧?我們最好對這張表有直觀上的理解與記憶。 那麼就讓我來分享我如何理解與記憶這張表吧! 運算子在做甚麼
Thumbnail
列出一套完整的程式 程式設計有許多種方法,不過通常會先列出清單的再逐一執行,這樣會加快程式設計的速度。設計通常會採取順推的辦法。所以順推的程式設計方式就是經歷觀念溝通、系統分析、資料統合、權限管理、頻率與時間、後台管理、畫面設計等等階段後,將框架設計完了以後,先列出一套完整的程式,將所有使用者都確
描述順序的方式有很多種,可以用數字標示文字的方式,如下 文字 文字 文字 用數字標示文字的方式我覺得有個特質是,文字重要的程度是遞減的,也就是數字從一往後會越來越不重要。這個現象是我在寫這篇文的當下感覺到的,可能是我在過去經驗聽過有人說越重要的東西要先擺在前面;又或者是我在高中以前的
Thumbnail
在 Google 試算表或 Excel 做文字處理時,有時只需要一串文字的右邊第一個字,例如「星期一」我只需要「一」,用left()、right()和mid()就可以快速處理。這篇文章將以星期為例。
Thumbnail
隨著理財資訊的普及,越來越多台灣人不再將資產侷限於台股,而是將視野拓展到國際市場。特別是美國市場,其豐富的理財選擇,讓不少人開始思考將資金配置於海外市場的可能性。 然而,要參與美國市場並不只是盲目跟隨標的這麼簡單,而是需要策略和方式,尤其對新手而言,除了選股以外還會遇到語言、開戶流程、Ap
Thumbnail
嘿,大家新年快樂~ 新年大家都在做什麼呢? 跨年夜的我趕工製作某個外包設計案,在工作告一段落時趕上倒數。 然後和兩個小孩過了一個忙亂的元旦。在深夜時刻,看到朋友傳來的解籤網站,興致勃勃熬夜體驗了一下,覺得非常好玩,或許有人玩過了,但還是想寫上來分享紀錄一下~
Thumbnail
高效生活,幫助你找回更多自己的時間 歡迎來到 AL 的 Googlesheet 學習筆記系列文章。在這個系列中,我們將一步步介紹各種函數,並將它們應用於日常生活中,加速工作、提高效率。 今天要介紹的是使用 Index 、 Counta 函數尋找最後一列的資料!
Thumbnail
手機版進入Google表單有三步驟 第一是進入Google瀏覽器, 第二是在瀏覽器上搜尋框,輸入Google表單, 找到,Google表單登錄,的網頁,點按進入即可 接下來就會出現目前的畫面,我們只要點選,前往表單,就可進入正式編輯的頁面了 首次進入表單編輯頁面,我們必須要為表單,訂定一個
Thumbnail
排序是EXCEL很常用很基礎的一個功能,他可以幫我們把資料依照指定的順序排列。 但通常我們使用都是以欄(直)的方向進行排序,其實EXCEL也可以依據列(橫)的方向進行排續哦😁 下圖是LINE社群網友提出的問題,想要把上圖的原始資料變成下圖。(相關問題可以加入LINE社群唷) 這時候用排序(尋
Thumbnail
日期網友詢問一個多條件動態下拉式選單的設計,如下圖。 資料中有各種年齡層的目標對象可食用食物的資料分析,其中1代表該年齡層可以吃的食物、0代表不能吃的食物。 原PO想要根據這個資料來源製作一個下拉選單,當選擇該年齡層的目標對象時,下拉式選單分別於主食、肉類、葉菜類顯示可食用的食物名稱(原始資
Thumbnail
本文介紹如何使用 萬金油 做出輔助列,以達成下拉選單的要求。將詳細討論如何處理資料範圍變動、萬金油公式和快速新增名稱的技巧。此外,也分享了三個參考影片以供學習。
Thumbnail
已命名範圍是 Google 試算表的功能,簡單來說可以把儲存格參照範圍改成自己想要的名字,可以讓算式更好讀、減少維護時間、減少錯誤機率、在算式和可以用這個名字引用這個範圍。來看看怎麼做!
Thumbnail
不同的運算子一起出現時,會根據其優先性(Precedence)來決定誰先誰後。MDN也很貼心的整理成表格了。 雖然有表格可以供我們查找,但是總不可能每一次用到運算子的時候,我們都去查找吧?我們最好對這張表有直觀上的理解與記憶。 那麼就讓我來分享我如何理解與記憶這張表吧! 運算子在做甚麼
Thumbnail
列出一套完整的程式 程式設計有許多種方法,不過通常會先列出清單的再逐一執行,這樣會加快程式設計的速度。設計通常會採取順推的辦法。所以順推的程式設計方式就是經歷觀念溝通、系統分析、資料統合、權限管理、頻率與時間、後台管理、畫面設計等等階段後,將框架設計完了以後,先列出一套完整的程式,將所有使用者都確
描述順序的方式有很多種,可以用數字標示文字的方式,如下 文字 文字 文字 用數字標示文字的方式我覺得有個特質是,文字重要的程度是遞減的,也就是數字從一往後會越來越不重要。這個現象是我在寫這篇文的當下感覺到的,可能是我在過去經驗聽過有人說越重要的東西要先擺在前面;又或者是我在高中以前的
Thumbnail
在 Google 試算表或 Excel 做文字處理時,有時只需要一串文字的右邊第一個字,例如「星期一」我只需要「一」,用left()、right()和mid()就可以快速處理。這篇文章將以星期為例。