清楚簡潔地呈現資訊,可讓使用者快速瞭解單一資料點與較大趨勢的關聯,或與其他值的比較結果,不必花費額外時間搜尋背景資訊。舉例來說,本頁「顯示單一值與其他值的比較結果」一節中的下列視覺化內容,可協助使用者瞭解某個值與其他值的比較結果:
這本食譜將說明如何建立視覺化內容,盡可能呈現單一資料點的相關情境。
本頁面包含下列範例:
食材
- 探索查詢
- 單一值視覺化
-
本頁的範例使用資料表計算。
Excel 試算表樣式的值格式 (可視需要設定值的格式)
必要條件
如要建立單一值圖表,請務必符合下列條件:
- 建立探索的權限
- (選用) 建立資料表計算和自訂欄位的權限。透過表格計算和自訂欄位,您可以在資料中建立臨時指標,這在沒有可傳達所需資訊的欄位時相當實用。
- 熟悉探索資料
- 儲存內容的權限 (如要將視覺化內容儲存為 Look 或資訊主頁)
使用單一值視覺化效果的注意事項
建立及使用單一值資料視覺化時,請務必注意下列事項:
- 在資訊主頁上查看多個單一值視覺化圖表時,每個視覺化圖表預設會使用相同字型大小,確保外觀一致。不過,單一值的視覺化圖表會在縮小圖塊時自動調整字型大小。如果視覺化圖表的字型無法在可用空間中顯示完整值,系統會以省略號 (...) 截斷該值。
- 如果 Looker 管理員已啟用「智慧單一值文字大小」實驗室功能,系統會自動調整資訊主頁動態磚中顯示的單一值視覺化字型大小,確保動態磚內至少能顯示 8 到 10 個值字元。
- 只有在自訂主題中由 Looker 管理員指定時,才能變更嵌入內容的字型。
- 您無法透過圖表的「編輯」選單自訂字型大小,如要自訂值的字型樣式和字型大小,唯一方法是自行承擔風險,採取下列其中一種變通做法:
- 在欄位的 LookML 定義中新增
html
參數,並使用 HTML 樣式標記指定字型和大小設定。例如:html: <p style="color: red; font-size: 50px">
{{ value }}</p> ;;
- 使用「在單一值資料視覺化中編輯字型大小」社群貼文所述的散佈圖方法。
- 在欄位的 LookML 定義中新增
如果資訊主頁上顯示多個單一值的視覺化效果,字型大小仍可能受到本清單第一個項目所述考量因素的影響。
範例:顯示單一值與其他值的比較結果
單獨使用虛榮指標對使用者來說價值不高。不過,如果加入與先前資料點的比較,就能快速為使用者提供觀點和背景資訊。
舉例來說,下列查詢會顯示過去 12 個月依「建立月份」分組的「總利潤」。根據預設,單一值視覺化只會顯示「總利潤」指標的頂端列值,也就是上一個完整月份 (12 月) 的 $41,394.51 美元。
如果沒有提供背景資訊的資料表,使用者就無法從值中獲得太多資訊。如果想比較上個月的總利潤與前一個月的總利潤,該怎麼做?您可以使用視覺化圖表的「編輯」選單中的設定,在視覺化圖表中比較這些值。
如要顯示目前值與前一列值的比較結果,請按照下列步驟操作:
準備好探索:
- 整理「探索」查詢,讓視覺化圖表顯示所需值。
將比較目前和前一列值的欄位新增至探索查詢。
如果欄位挑選器中沒有可用的比較欄位,且您具備必要權限,可以使用表格計算捷徑。這個範例使用「相較於前一個資料列的百分比變化」計算。
自訂單一值圖表:
- 開啟「視覺化」列的「編輯」選單。
在「樣式」分頁中選取所需樣式選項,包括新增自訂標題 (會顯示為值下方的副文字),以及任何 Excel 樣式的值格式。
在本範例中,我們在「標題覆寫」部分輸入「上個月總利潤」,以便更清楚瞭解該值代表的意義。
在「比較」分頁中,選取「顯示」。
從「值標籤」下拉式選單中選取「顯示為變更」選項。
如果符合您的用途,請選取「正值出現錯誤」選項,即可將正向變更顯示為紅色,負向變更顯示為綠色。
以這個例子來說,負值變化表示 12 月的總利潤比 11 月低,因此視為「不良」變化。
在「比較」分頁中,視需要自訂值比較標籤。
取消選取「顯示標籤」選項,即可隱藏欄位標籤。
如要保留欄位標籤,請勿變更「顯示標籤」選項。
在「標籤」欄位中輸入自訂標籤。在本範例中,我們套用了「上個月」這個自訂標籤。
最終結果是 12 月的總利潤值 $41,394.51,附註文字則會醒目顯示與上個月總利潤的比較結果,即減少 40%。
新增條件式格式設定,提供更多情境資訊
您可以使用條件式格式設定,在保持視覺化效果簡潔的同時,加入額外背景資訊。
在這個範例中,成功月份的利潤門檻為 $30,000 美元,超過這個門檻的任何每月利潤都應以綠色表示。
您可以在視覺化效果「編輯」選單的「格式」分頁中,使用條件式格式設定,表明值高於利潤門檻。
如要在單一值圖表的「編輯」選單中啟用條件式格式設定,請按照下列步驟操作:
- 開啟「視覺化」列的「編輯」選單。
- 在「格式設定」分頁中,選取「啟用條件式格式設定」選項。
- 在「顏色」部分的「集合」下拉式選單中,選取調色盤。
在「規則」部分輸入格式設定規則。
從「格式」下拉式選單中選取條件。以本例來說,我們選取「如果值大於」。
輸入規則門檻的值。在本範例中,我們輸入「30000」。
選取所需的背景顏色和字型顏色。請務必考量內容的無障礙設計,在本例中,我們選取白色背景和深綠色字型。
如要新增其他規則,請選取分頁底部的「新增規則」按鈕。
以這個範例來說,我們建立另一項規則,指出總利潤值低於 $30,000 門檻時的情況。
12 月的總利潤為 $41,394.51 美元,可能比上個月的總利潤少了 40%,但仍高於利潤門檻。現在總利潤值會以綠色顯示,向使用者指出該值高於利潤門檻。
範例:在目標達成進度脈絡中顯示單一值
另一個單一值視覺化選項,是在目標進度脈絡中顯示值。
舉例來說,使用相同的資料集 (過去 12 個月依「建立月份」分組的「總利潤」),您可以顯示年初至今的總利潤,並與全年利潤目標比較。在本例中,年度利潤目標為 $1,000,000 美元。
如要在進度脈絡中顯示單一值,請按照下列步驟操作。
準備好探索:
使用資料表計算功能建立「總利潤」值的總和。資料表計算運算式為
sum(${view_name.field_name})
。在本例中,運算式為
sum(${order_items.total_profit})
。新增欄位或新的資料表計算,代表要與值比較的目標。
如果您要建立資料表計算,值必須以指標表示,才能納入視覺化圖表。
在計算運算式中,將指標乘以零,然後加上目標值:
(${measure_viewname.measure_fieldname}*0) + <value that is the goal>
。在本例中,運算式為
(${order_items.total_profit}*0) + 1000000
。
自訂單一值圖表:
- 開啟「視覺化」列的「編輯」選單。
在「樣式」分頁中選取所需樣式選項,包括新增自訂標題 (會顯示為值下方的副文字),以及任何 Excel 樣式的值格式。
在本範例中,我們在「標題覆寫」部分輸入「年初至今的利潤」,以便更清楚地指出該值代表的意義。
在「比較」分頁中,選取「顯示」。
從「值標籤」下拉式選單中,選取「計算進度」選項或「計算進度 (含百分比)」選項。
「計算進度」會顯示進度列,並以陰影標示值,指出目前與目標的差距。如果套用預設的「標籤」設定,系統也會顯示欄位名稱。
「計算進度 (含百分比)」會顯示帶有「X% of X」文字的陰影進度列,並套用預設的「標籤」設定。
視需要自訂「比較」分頁中的進度列標籤。
取消選取「顯示標籤」選項,即可隱藏欄位標籤。如果選取「計算進度」選項,系統只會顯示陰影進度列。如果選取「計算進度 (以百分比表示)」選項,系統會在陰影進度列中顯示「X% of X」文字。
如要保留欄位標籤,請勿變更「顯示標籤」選項。
在「標籤」欄位中輸入自訂標籤。
最終結果是 $730,362.93 美元的年初至今 (YTD) 收益值,以及顯示達成 $1,000,000 美元年度銷售目標進度的進度列。
套用「計算進度」和「計算進度 (含百分比)」設定後,範例看起來會有所不同。
套用「比較」分頁中的「計算進度」選項和自訂標籤「年度銷售目標進度」設定後,範例會顯示如下:
套用「比較」分頁中的「計算進度 (含百分比)」選項和自訂標籤「年度銷售目標」設定後,範例會顯示如下:
後續行動:
建立單一值圖表後,您可以與他人共用: