iT邦幫忙

2022 iThome 鐵人賽

DAY 14
1
IT管理

從零開始學Notion,打造你的All-in-one管理系統系列 第 14

【Day14-Notion Charts】想透過圖表觀察資料趨勢嗎?在你的Notion中插入自動更新的圖表!

  • 分享至 

  • xImage
  •  

前一天我們介紹了如何把Notion的資料同步到Google試算表以便做更複雜的處理,但有的時候我們就是覺得資料不夠直觀,想看圖怎麼辦?那就趕快來看看今天的內容吧

Notion Charts

今天要和大家介紹的服務是Notion Charts,這是一個可以把你的Google Sheet資料製作成美美的圖表,並且嵌入到Notion頁面當中的工具!


圖片來源:官網範例

服務介紹

Notion Charts是在notion.vip下提供的一個小工具,可以提供包含以下這些種類的繪圖:

  • 折線圖
  • 長條圖
  • 圓餅圖
  • 著色地圖

因此對於如果希望除了資料以外,還想要在頁面當中添加圖表的使用者來說是一個很棒的工具哦~

設定說明

Step1:打開服務設定頁面

進入[Notion Charts],往下滑到設定的區塊

Step2:取得Google Sheet文件資訊並填入

在填寫資料之前,記得先在共用設定的部分,設定成只要知道連結就可以檢視才行哦

Google Sheets Document ID (文件ID)

ID是/d後面,然後在/edit前面的那串
如果我們的網址是

https://docs.google.com/spreadsheets/d/1Wg8OoBNUlWIjvJlUkzsTProVMOvKTLDTinoeIAOd6mk/edit#gid=0

那我們需要的ID就是1Wg8OoBNUlWIjvJlUkzsTProVMOvKTLDTinoeIAOd6mk

Sheet Name(工作表名稱)

工作表名稱是在左下角的那個,記得設定好之後就不要亂更改,不然它會找不到你原本名字的那張表

Data Range(資料範圍)

資料範圍包含

  • 第1列是圖表名稱
  • 第2列依序不同欄位是欄位名稱
  • 第3~N列是資料,依照選取的圖表需要提供不同的類型,例如:
    • 折線圖是提供時間+數值
    • 長條圖是提供類別名稱+數值

❗注意前2列一定要按照規定留,它預設才能抓到格式

Step2.5 調整顏色

如果有需要的話,在底下你可以調整想要用黑底/白底,或是不同類型的顏色。

Step3 取得網址並嵌入到Notion當中

沒出意外的話,底下它會跳出一個網址提供給你,例如

https://notion.vip/notion-chart/draw.html?config_documentId=1Wg8OoBNUlWIjvJlUkzsTProVMOvKTLDTinoeIAOd6mk&config_sheetName=Chart%20Tables&config_dataRange=A1%3AB12&config_chartType=line&config_theme=lightMode&option_colors=%230B6E99

讓我們把它複製起來

然後在Notion當中插入一個Embed Block

把它貼上

之後可以調整成適合的大小

使用場景

以我自己的使用場景來說的話,因為我平常會使用Notion進行記賬,所以有一個可以視覺化展示我亂花了多少錢就是一個很需要的功能


上一篇
【Day13-Notion2Sheet】還是比較習慣用試算表嗎?把你的Notion資料庫同步到Google Sheet
下一篇
【Day15-Notion Web Clipper】一鍵儲存網頁內容到你的Notion
系列文
從零開始學Notion,打造你的All-in-one管理系統30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言