折線圖指南

當我們談論折線圖時,我們在談論什麼:時間序列、趨勢線、警示等等。

折線圖適用於繪製依序擷取的資料,無論該順序是時間的推移,還是流程或流程中的步驟。這些圖表通常用於繪製時間序列(也稱為執行圖):一組由線條連接的標記,x 軸顯示時間的推移,y 軸繪製每個時刻的度量值。

如何建立折線圖

讓我們看看 Metabase 隨附的 範例資料庫中的 Orders 表格。從主導覽列中,按一下 + 新增 > 問題,這會將您帶到 Metabase 的查詢產生器。選擇 原始資料 > 範例資料庫,然後選擇 Orders 表格。按一下 視覺化,然後按一下右下角的 視覺化按鈕 以顯示 視覺化側邊欄

The orders table

讓我們先從如何建立折線圖開始。如果您選取 折線圖,Metabase 會呈現給您一個空的折線圖。

An empty line chart, before setting the x and y axes.

Metabase 無法讀懂人心(目前還不行),因此它不知道要使用 Orders 表格中的哪些欄作為 x 軸和 y 軸。若要建立折線圖,您需要選擇一個度量,讓 Metabase 隨著時間繪製。例如,您可以將 x 軸設定為 created_at,y 軸設定為 total,以顯示一段時間內的訂單總額。Metabase 會自動繪製折線圖

A noisy line chart after setting the x and y axes, without first summarizing the data.

從技術上來說,這是折線圖,但它看起來更像是受到驚嚇的蜂鳥的心電圖,即使在 Metabase 截斷顯示的結果之後也是如此。(如果您將滑鼠游標停留在右上角的灰色警告三角形上,您會看到 Metabase 只繪製了 2,000 列。)

為了讓圖表更清晰易讀,我們可以摘要資料,以便折線圖上的每個點都是列的彙總—記錄的「儲存區」。(在視覺化中繪製未彙總的列更常見,例如 釘選地圖,或 散佈圖,例如,顯示每個產品按價格和評等繪製。)

以彙總度量為例,讓我們繪製每個月訂單總額的總和。按一下綠色的 摘要按鈕 以拉出 摘要側邊欄。Metabase 預設為計算記錄,但我們對訂單數量不感興趣,因此我們將按一下 Count 並將其變更為 Sum of,然後從 Order 中選取 Total 欄。

接下來,我們會想要依月份群組我們的訂單總額。在 群組依據 區段中,在 Order 下方,將滑鼠游標停留在 Created At 欄位上方,按一下 + 按鈕以新增群組。

Hover over Created At and click on the plus button to add a grouping by month. You can select other time intervals (day, week, year) by clicking on by month.

一旦您新增群組,Metabase 就會更新圖表

The sum of order totals by month.

此圖表更容易閱讀。而且,當然,我們隨時可以選取線段的一部分來篩選該時間範圍的結果,並向下鑽取以查看這些個別、未彙總的記錄。

Zooming in and drilling through a line chart to view individual records.

自訂您的折線圖

若要自訂您的折線圖,您可以按一下左下角的 設定 按鈕。設定太多,無法在此一一介紹,以免讓您感到無聊,因此我們只會向您介紹一些重點。

顯示標籤

顯示標籤 可讓您變更線條顏色和樣式、處理遺失值等等。如果您計劃將圖表嵌入您的應用程式中,請查看我們的 白標選項,以獲得更多自訂選項。

趨勢線和目標線

您可以從時間序列圖表的顯示設定中新增趨勢線。如果您從 摘要 > 群組依據 中選取正好一個時間欄位,您就會看到切換開關。在下方的範例中,我們已選擇群組欄位「Created At: Month」

Line chart with goal and trend lines.

您也可以新增目標線,以在您的目標值處繪製水平線。目標線在與警示配對時特別有用。例如,如果您正在監控銷售額,而且您只想在度量值低於特定閾值時收到通知,您可以新增目標線來指定該閾值,並在線條低於該閾值時收到電子郵件或傳送 Slack 訊息。

折線圖、面積圖或長條圖?

到目前為止,我們一直嚴格討論折線圖,但 長條圖 和 面積圖也很相似,而且根據您想要傳達的內容,有充分的理由選擇它們而不是折線圖

An area chart.

面積圖通常用於比較一段時間內的值。如果您沒有繪製太多隨時間變化的值,請考慮使用長條圖。如果您想要查看一段時間內值的組成,請使用堆疊長條圖。

您也可以在 組合圖 中結合折線圖和面積圖,以視覺化不同的彙總,例如下方顯示的訂單總額的計數和總和。我們在 此處 更詳細地討論組合圖。

The count of orders as a blue line, set against the green area chart plotting the sum of order totals.

軸標籤

您可以在此處調整 x 軸和 y 軸的比例。對於 x 軸,您可以選取時間序列或序數比例。時間序列會限制顯示的值數量,而序數比例會沿著 x 軸列出序列中的每個值。如果您要繪製序列中的步驟,請使用序數比例。

對於 y 軸,您可以選取線性(預設)、冪或對數比例。對數比例非常適合顯示隨時間變化的速率,尤其是在您的資料呈指數上升或衰減時。

The log scale view of the sum of order totals by month shows us that the growth in totals has flattened out over time.

而且您可能可以忽略冪比例,因為實際上沒有人使用它們。

折線圖提示

Metabase 會為您處理許多視覺化資料的最佳實務,但以下是在建立折線圖時需要記住的一些提示。

將折線圖與趨勢圖配對

建立儀表板時,您可以將折線圖與 趨勢 圖配對,讓最新的值易於讀取。

Pair a line chart with a trend chart to show the latest number.

將滑鼠游標停留在標籤上方以醒目提示線條

您可以將滑鼠游標停留在圖例中其中一個序列的名稱上方,以醒目提示該序列並使其他序列淡出。您也可以按一下序列以隱藏(或取消隱藏)它。

Hovering over labels in the legend hill highlight the corresponding line.

對於時間序列,篩選掉任何仍在進行中的時間週期

處理時間序列時,如果新增篩選器以排除目前仍在進行中的日、週或月份,您的圖表看起來會更美觀;否則,由於部分或不完整時間週期,您的圖表的最右側會出現巨大的下降。只要取消勾選 包含本日 或週、月或任何您正在使用的時間刻度。

Unless you really need the most recent (and potentially incomplete) period of time, make sure the Include this... option isn

延伸閱讀

下一步:掌握長條圖

建立長條圖並使用視覺化設定自訂它。

下一篇文章