善用 Looker 圖表教戰手冊:透過單一值圖表呈現大量資訊

清楚簡潔地呈現資訊,可讓使用者快速瞭解單一資料點與較大趨勢的關聯,或與其他值的比較結果,不必花費額外時間搜尋背景資訊。舉例來說,本頁「顯示單一值與其他值的比較結果」一節中的下列視覺化內容,可協助使用者瞭解某個值與其他值的比較結果:

單一值 $41,394.51,副標題為「上個月總利潤」,副文字顯示上個月的 40% 旁有向下箭頭。

這本食譜將說明如何建立視覺化內容,盡可能呈現單一資料點的相關情境。

本頁面包含下列範例:

食材

必要條件

如要建立單一值圖表,請務必符合下列條件:

使用單一值視覺化效果的注意事項

建立及使用單一值資料視覺化時,請務必注意下列事項:

  • 在資訊主頁上查看多個單一值視覺化圖表時,每個視覺化圖表預設會使用相同字型大小,確保外觀一致。不過,單一值的視覺化圖表會在縮小圖塊時自動調整字型大小。如果視覺化圖表的字型無法在可用空間中顯示完整值,系統會以省略號 (...) 截斷該值。
  • 如果 Looker 管理員已啟用「智慧單一值文字大小」實驗室功能,系統會自動調整資訊主頁動態磚中顯示的單一值視覺化字型大小,確保動態磚內至少能顯示 8 到 10 個值字元。
  • 只有在自訂主題中由 Looker 管理員指定時,才能變更嵌入內容的字型。
  • 您無法透過圖表的「編輯」選單自訂字型大小,如要自訂值的字型樣式和字型大小,唯一方法是自行承擔風險,採取下列其中一種變通做法:
    • 在欄位的 LookML 定義中新增 html 參數,並使用 HTML 樣式標記指定字型和大小設定。例如:html: <p style="color: red; font-size: 50px">{{ value }}</p> ;;
    • 使用「在單一值資料視覺化中編輯字型大小」社群貼文所述的散佈圖方法。

如果資訊主頁上顯示多個單一值的視覺化效果,字型大小仍可能受到本清單第一個項目所述考量因素的影響。

範例:顯示單一值與其他值的比較結果

單獨使用虛榮指標對使用者來說價值不高。不過,如果加入與先前資料點的比較,就能快速為使用者提供觀點和背景資訊。

舉例來說,下列查詢會顯示過去 12 個月依「建立月份」分組的「總利潤」。根據預設,單一值視覺化只會顯示「總利潤」指標的頂端列值,也就是上一個完整月份 (12 月) 的 $41,394.51 美元。

顯示單一值的視覺化圖表,顯示的值為 $41,394.51 美元。

如果沒有提供背景資訊的資料表,使用者就無法從值中獲得太多資訊。如果想比較上個月的總利潤與前一個月的總利潤,該怎麼做?您可以使用視覺化圖表的「編輯」選單中的設定,在視覺化圖表中比較這些值。

如要顯示目前值與前一列值的比較結果,請按照下列步驟操作:

準備好探索:

  1. 整理「探索」查詢,讓視覺化圖表顯示所需值
  2. 將比較目前和前一列值的欄位新增至探索查詢。

    如果欄位挑選器中沒有可用的比較欄位,且您具備必要權限,可以使用表格計算捷徑。這個範例使用「相較於前一個資料列的百分比變化」計算。

自訂單一值圖表:

  1. 開啟「視覺化」列的「編輯」選單。
  2. 在「樣式」分頁中選取所需樣式選項,包括新增自訂標題 (會顯示為值下方的副文字),以及任何 Excel 樣式的值格式。

    在本範例中,我們在「標題覆寫」部分輸入「上個月總利潤」,以便更清楚瞭解該值代表的意義。

  3. 在「比較」分頁中,選取「顯示」

  4. 從「值標籤」下拉式選單中選取「顯示為變更」選項。

  5. 如果符合您的用途,請選取「正值出現錯誤」選項,即可將正向變更顯示為紅色,負向變更顯示為綠色。

    以這個例子來說,負值變化表示 12 月的總利潤比 11 月低,因此視為「不良」變化。

  6. 在「比較」分頁中,視需要自訂值比較標籤。

    取消選取「顯示標籤」選項,即可隱藏欄位標籤。

    如要保留欄位標籤,請勿變更「顯示標籤」選項。

    在「標籤」欄位中輸入自訂標籤。在本範例中,我們套用了「上個月」這個自訂標籤。

最終結果是 12 月的總利潤值 $41,394.51,附註文字則會醒目顯示與上個月總利潤的比較結果,即減少 40%。

單一值 $41,394.51,副標題為「上個月總利潤」,副文字顯示上個月的 40% 旁有向下箭頭。

新增條件式格式設定,提供更多情境資訊

您可以使用條件式格式設定,在保持視覺化效果簡潔的同時,加入額外背景資訊。

在這個範例中,成功月份的利潤門檻為 $30,000 美元,超過這個門檻的任何每月利潤都應以綠色表示。

您可以在視覺化效果「編輯」選單的「格式」分頁中,使用條件式格式設定,表明值高於利潤門檻。

如要在單一值圖表的「編輯」選單中啟用條件式格式設定,請按照下列步驟操作:

  1. 開啟「視覺化」列的「編輯」選單。
  2. 在「格式設定」分頁中,選取「啟用條件式格式設定」選項。
  3. 在「顏色」部分的「集合」下拉式選單中,選取調色盤。
  4. 在「規則」部分輸入格式設定規則。

    從「格式」下拉式選單中選取條件。以本例來說,我們選取「如果值大於」

    輸入規則門檻的值。在本範例中,我們輸入「30000」。

    選取所需的背景顏色字型顏色。請務必考量內容的無障礙設計,在本例中,我們選取白色背景和深綠色字型。

  5. 如要新增其他規則,請選取分頁底部的「新增規則」按鈕。

    以這個範例來說,我們建立另一項規則,指出總利潤值低於 $30,000 門檻時的情況。

12 月的總利潤為 $41,394.51 美元,可能比上個月的總利潤少了 40%,但仍高於利潤門檻。現在總利潤值會以綠色顯示,向使用者指出該值高於利潤門檻。

範例:在目標達成進度脈絡中顯示單一值

另一個單一值視覺化選項,是在目標進度脈絡中顯示值。

舉例來說,使用相同的資料集 (過去 12 個月依「建立月份」分組的「總利潤」),您可以顯示年初至今的總利潤,並與全年利潤目標比較。在本例中,年度利潤目標為 $1,000,000 美元。

如要在進度脈絡中顯示單一值,請按照下列步驟操作。

準備好探索:

  1. 使用資料表計算功能建立「總利潤」值的總和。資料表計算運算式為 sum(${view_name.field_name})

    在本例中,運算式為 sum(${order_items.total_profit})

  2. 新增欄位或新的資料表計算,代表要與值比較的目標。

    如果您要建立資料表計算,值必須以指標表示,才能納入視覺化圖表。

    在計算運算式中,將指標乘以零,然後加上目標值:(${measure_viewname.measure_fieldname}*0) + <value that is the goal>

    在本例中,運算式為 (${order_items.total_profit}*0) + 1000000

自訂單一值圖表:

  1. 開啟「視覺化」列的「編輯」選單。
  2. 在「樣式」分頁中選取所需樣式選項,包括新增自訂標題 (會顯示為值下方的副文字),以及任何 Excel 樣式的值格式。

    在本範例中,我們在「標題覆寫」部分輸入「年初至今的利潤」,以便更清楚地指出該值代表的意義。

  3. 在「比較」分頁中,選取「顯示」

  4. 從「值標籤」下拉式選單中,選取「計算進度」選項或「計算進度 (含百分比)」選項。

    「計算進度」會顯示進度列,並以陰影標示值,指出目前與目標的差距。如果套用預設的「標籤」設定,系統也會顯示欄位名稱。

    「計算進度 (含百分比)」會顯示帶有「X% of X」文字的陰影進度列,並套用預設的「標籤」設定。

  5. 視需要自訂「比較」分頁中的進度列標籤。

    取消選取「顯示標籤」選項,即可隱藏欄位標籤。如果選取「計算進度」選項,系統只會顯示陰影進度列。如果選取「計算進度 (以百分比表示)」選項,系統會在陰影進度列中顯示「X% of X」文字。

    如要保留欄位標籤,請勿變更「顯示標籤」選項。

    在「標籤」欄位中輸入自訂標籤。

最終結果是 $730,362.93 美元的年初至今 (YTD) 收益值,以及顯示達成 $1,000,000 美元年度銷售目標進度的進度列。

套用「計算進度」和「計算進度 (含百分比)」設定後,範例看起來會有所不同。

  • 套用「比較」分頁中的「計算進度」選項和自訂標籤「年度銷售目標進度」設定後,範例會顯示如下:

    單一值 $730,362.93,附註「年初至今的利潤」,以及標示「年度銷售目標進度」的進度列 (3/4 陰影)。

  • 套用「比較」分頁中的「計算進度 (含百分比)」選項和自訂標籤「年度銷售目標」設定後,範例會顯示如下:

    單一值 $730,362.93,附註「年初至今的利潤」,以及標示「已達成年度銷售目標 $1,000,000 的 73%」的進度列,其中 3/4 為陰影。

後續行動:

建立單一值圖表後,您可以與他人共用: