請啟用 JavaScript 來查看內容

[Metabase 系列] 建立提問 (Question) 與繪製各式圖表 (Chart) 教學

前言

本篇文章延續第一篇安裝完 Metabase,來開始在 Metabase 裡創建提問 (Question) 與繪製圖表 (Chart)。

如果你還沒有安裝 Metabase 或不知道 Metabase 是什麼的話,可先前往本系列第一篇文章。


Metabase 系列教學文章:

  1. Metabase 簡介與安裝教學,BI 工具推薦
  2. 建立提問 (Question) 與各式圖表 (Chart) 教學《本篇》
  3. 建立 Dashboard (資訊看板、儀表板) 教學
  4. Metabase API 使用教學,輕鬆串接自己的系統

* 本文使用 Metabase 版本為:v0.48.4


圖片來源:Metabase 官網
圖片來源:Metabase 官網


提問與圖表教學

建立提問

網頁右上角,點擊「新的」可創建 "提問"、"SQL查詢"、"資訊看板 (Dashboard)"、"Collection (資料夾)"、"模型",我們這邊示範 "提問"。

加入新提問
加入新提問

選擇我們要查詢的資料庫(DB)、表格(Table)後,下方就有幾種查詢會用的操作,像是 篩選器(where)、匯總(group by)、關聯(join)、自訂欄位、排序(order by)、行限制(limit),讓我們透過 UI 來快速操作。

提問編輯器
提問編輯器

點擊下方的可視化,會來到資料檢視畫面,呈現查詢的結果。

資料檢視畫面
資料檢視畫面

* 為了效能緣故,最多顯示 2000 筆資料。不過在網頁右下角可以下載完整的資料,有提供 ‵.csv‵、‵.xlsx‵、‵.json‵、‵.png‵ 等檔案格式可以選擇。

下載完整結果
下載完整結果

在網頁 UI 介面上,有三個地方可以添加條件。

第一個是直接點擊 "表格的資料" 或 "欄位名稱",第二個是右上角的 "篩選器"、"匯總" 按鈕,最後就是剛剛講的在 "提問編輯器" 裡最完整的介面。

有三個地方可以添加條件
有三個地方可以添加條件

我們直接點選資料,也會出現如下的篩選條件,並且它會依照是 字串、數字、日期 不同的格式,而給出不同的選項。

新的
新的

可視化圖表

點擊左下角的「可視化」按鈕,會打開左側的圖表選擇頁面,常見的 柱狀圖、橫條圖、折線圖、分佈圖、地圖…當然有,它還有些是為了在 資訊看板 (Dashboard) 顯示的圖表,像是數字、趨勢、標尺…等等。

雖然相較於其他 BI 工具,可能圖表樣式種類還沒到那麼多,但其實常用的那幾種都有支援了。

* 避免佔版面、影響閱讀,我將各式圖表的樣子截圖放在文章最後面的章節

有多樣圖表可以選擇
有多樣圖表可以選擇
柱狀圖
柱狀圖

而左下角的齒輪符號,會切換到圖表參數設定頁面,有一些關於此圖表的設定可以調整,座標軸是否顯示、座標軸名稱、座標軸範圍、顏色、數值設定……等等。

圖表參數設定
圖表參數設定

範例

我這邊隨意加幾個條件給大家看看。

稍微複雜的查詢條件
稍微複雜的查詢條件

其中的「自定欄位」,可以讓你在原有的欄位上去擴充更多需要的欄位,像是取出日期中的年份、轉換時區、取得兩個日期之間的相差、合併多個字串、字串轉大寫、判斷欄位使否為空,它也有提供一些函式可以使用,有點類似 Excel 的公式,但當然還沒那麼強大。


例如我們想要取出 Birth Date 欄位中的年份,另外放在 Birth year 新欄位,可能後續會需要用來做什麼動作。

就可以如下設定自定欄位:

自定欄位設定
自定欄位設定
自定欄位呈現結果
自定欄位呈現結果

最後,我把它選擇用橫條圖(行)的圖表呈現,並做一些圖表相關的設定,結果如下:

橫條圖表呈現
橫條圖表呈現

點擊中間下方的按鈕,可在圖表和原始數據切換。

中間下方的按鈕,可在圖表和原始數據切換
中間下方的按鈕,可在圖表和原始數據切換

沒問題後,記得要點擊右上角的「儲存」。

創建 SQL 查詢

在一開始,我們有提到網頁右上角,點擊「新的」可創建 "SQL查詢"。

新的 > SQL 查詢
新的 > SQL 查詢

它可以讓我們直接輸入 SQL 語法,這對於比較複雜的查詢或已經熟悉 SQL 的工程師來說可能比較方便,但使用這種就沒有一些 UI 上快捷的功能可以使用(排序、篩選…),不過你也可以將 "SQL查詢" 再另存成 "提問",就一樣會有 UI 上的快捷功能了。

SQL 查詢
SQL 查詢

SQL 查詢也可以讓我們帶入變數,這樣會在上方有個篩選欄位方便查詢使用,只要在 SQL 內使用雙大括號 "{{}}" 即可,同時網頁右方會跳出變數設定頁面,可以做一些變數格式、篩選欄位名稱、篩選欄位單選或多選、篩選欄位下拉清單…等等設定。

SQL 查詢帶入變數
SQL 查詢帶入變數

公開分享

製做好的圖表除了讓其他使用者登入查看外,如果你想給沒有權限登入的人查看,也就是只要有連結就能看到圖表的話,可以使用「公開分享」功能。

預設它是沒有開啟的,需至 "系統管理員" > "設定" > "公開分享" 來啟用,

"系統管理員" > "設定" > "公開分享"
"系統管理員" > "設定" > "公開分享"

接下來就可以在圖表的右下角 "分享按鈕"

圖表右下角的分享按鈕
圖表右下角的分享按鈕

複製 "公開連結" 給別人。

圖表開啟公開分享
圖表開啟公開分享

網址打開後就會呈現類似這樣的網頁囉,當然這邊是沒辦法編輯的。

* 注意看網址跟一般我們在編輯圖表時是不一樣的。
* 我因為只是在我自己的電腦執行 Metabase 服務,所以網域是 localhost。

公開圖表網頁
公開圖表網頁

另外稍微注意,因為公開分享等於把這張圖表的資料給不用登入的人觀看,多少還是會擔心有資安問題,因此「公開分享」只限制給有 "系統管理群組" 權限的使用者來開啟。
所以如果你發現怎麼都沒有公開分享按鈕,可以先確認你是否有系統管理員權限哦。

"系統管理員" > "帳號管理"
"系統管理員" > "帳號管理"

各式圖表

這邊我列出各式圖表的樣子截圖給大家參考:

圖表:柱
圖表:柱

圖表:線段
圖表:線段

圖表:區域
圖表:區域

圖表:組合(Combo)
圖表:組合(Combo)

圖表:行(Row)
圖表:行(Row)

圖表:圓餅圖
圖表:圓餅圖

圖表:分散
圖表:分散

圖表:瀑布
圖表:瀑布

圖表:漏斗
圖表:漏斗

圖表:資料透視表
圖表:資料透視表

圖表:數字
圖表:數字

圖表:趨勢(Trend)
圖表:趨勢(Trend)

圖表:標尺
圖表:標尺

圖表:處理
圖表:處理

圖表:地圖
圖表:地圖


結語

上次我們安裝好 Metabase,這次建立好各式圖表,在下一次的系列文章,將帶大家來把多張相關圖表放在一張資訊看板(Dashboard)裡,方便讓我們一目了然,而且還可以加上篩選欄位與設定圖表間的連動。

如果對於 Metabase 有興趣的讀者,記得『IT空間』FB 粉專要追蹤起來,才不會錯過最新的發文通知哦~🔔




參考:
Metabase 官方網站
Metabase 官方文件
Metabase 官方 GitHub


過ぎ去った時間をもう一度 やり直せても
僕はまたきっとこの道を選ぶ

就算將已經逝去的時間再重新來過
我一定會再次選擇這條路

—— 【Answer】幾田りら (YOASOBI 主唱 ikura)


🔻 如果覺得喜歡,歡迎在下方獎勵我 5 個讚~
分享

Jia
作者
Jia
軟體工程師 - Software Engineer