清楚且簡潔地呈現資訊,讓使用者能快速瞭解單一資料點與大趨勢的關係,或與其他值的比較方式,不必花額外時間搜尋背景資訊。舉例來說,您可以使用本頁「顯示單一值與其他值的比較」部分中的以下圖表,協助使用者瞭解某個值與其他值的比較結果:
本食譜會說明如何建立視覺化內容,以盡可能呈現單一資料點的相關資訊。
本頁面提供以下範例:
食材
- 探索查詢
- 單一值視覺化內容
-
本頁範例使用資料表計算。
Excel 試算表格式的值格式 (可用於依需求設定值格式)
事前準備
建立單一值圖表時,必須具備下列條件:
- 建立探索的權限
- 視需要,您也可以選擇建立表格計算和自訂欄位的權限。您可以使用表格運算和自訂欄位,針對資料建立臨時指標,這在您沒有可傳達所需資訊的欄位時非常實用。
- 熟悉探索資料
- 儲存內容的權限 (如果您想將轉換為圖表儲存為 Look 或資訊主頁)
使用單一值可視化時的注意事項
建立及使用單一值圖表時,請務必考量下列事項:
- 在資訊主頁上查看多個單一值可視化資料時,每個可視化資料都會預設為使用相同的字型大小,以便維持一致的外觀。不過,單一值視覺化會在圖塊大小縮小時自動調整字型大小。如果圖表的字型無法在可用空間中顯示完整值,系統會以省略號 (...) 截斷值。
- 如果 Looker 管理員已啟用 智慧單一值文字大小 Labs 功能,資訊主頁資訊方塊中顯示的單一值視覺化資料的字型會自動調整大小,以便在任何大小的資訊方塊中顯示至少 8 到 10 個值字元。
- 只有在Looker 管理員在自訂主題中指定時,才能變更嵌入內容的字型。
- 您無法透過圖表「編輯」選單自訂字型大小。如要自訂值的字型樣式和字型大小,您可以自行採取下列任一因應措施:
- 將
html
參數新增至欄位的 LookML 定義,然後使用 HTML 樣式標記指定字型和大小設定。例如:html: <p style="color: red; font-size: 50px">
{{ 值 }}</p> ;;
- 請參閱「在單一值視覺化資料中編輯字型大小」社群貼文,瞭解如何使用散佈圖方法。
- 將
當資訊主頁上顯示多個單一值的顯示工具時,字型大小仍可能受到這份清單第一個項目中所述的考量因素影響。
範例:顯示單一值與其他值的比較
虛榮指標本身對使用者來說價值不大。不過,如果在先前的資料點中加入比較資料,就能為使用者快速提供觀點和背景資訊。
舉例來說,下列查詢會顯示過去 12 個月的總利潤,並按建立月份分組。預設情況下,單一值示意圖只會顯示「總利潤」評估資料的頂端值,也就是上個月 (2019 年 12 月) 的 $41,394.51 美元。
如果沒有提供資料表格做為參考,使用者就無法從該值中獲得太多資訊。如果您想比較上個月與上上個月的總利潤,您可以使用視覺化圖表的「編輯」選單中的設定,在視覺化圖表中建立這些值的比較。
如要比較目前的值與前一列的值,請按照下列步驟操作:
準備探索:
- 整理「探索」查詢,讓圖表顯示所需的值。
新增一個欄位,比較目前和上一個資料列的值與探索查詢。
如果欄位挑選器中沒有現有的比較欄位,且您擁有必要的權限,可以使用表格計算快捷方式。本範例使用「相較於前一個資料列的百分比變化」計算方式。
自訂單一值視覺化:
- 開啟「視覺化」列的「編輯」選單。
在「樣式」分頁中選取所需的樣式選項,包括新增自訂標題,該標題會以副標題的形式顯示在值下方,並搭配任何 Excel 樣式的值格式。
在本範例中,「上一個完整月份的總利潤」會輸入至「標題覆寫值」部分,以便更清楚表示該值代表的意思。
在「比較」分頁中,選取「顯示」。
在「值標籤」下拉式選單中,選取「顯示為變更」選項。
如果適合您的用途,請選取「正值出現錯誤」選項,以紅色顯示正向變更,以綠色顯示負向變更。
在這個範例中,負向變化表示 12 月的總利潤低於 11 月,這項變化屬於「不利」變化。
視需要在「比較」分頁自訂值比較標籤。
取消選取「顯示標籤」選項,即可隱藏欄位標籤。
請勿變更「顯示標籤」選項,以便保留欄位標籤。
在「標籤」欄位中輸入自訂標籤。在本例中,系統會套用自訂標籤「from previous month」。
最終結果是 12 月的總利潤值 $41,394.51 美元,副標題則強調與上個月的總利潤比較,顯示利潤減少了 40%。
新增條件式格式以提供更多相關資訊
您可以使用條件式設定格式,在保持圖表簡潔的同時,為圖表增添額外的背景資訊。
在這個範例中,成功月份的利潤門檻為 $30,000 美元,超過這個門檻的每月利潤應以綠色標示。
您可以使用視覺化圖表「編輯」選單中的「格式設定」分頁,設定條件式格式,以便顯示值高於利潤門檻。
如要在單一值圖表的「編輯」選單中啟用條件式格式設定,請按照下列步驟操作:
- 開啟「視覺化」列的「編輯」選單。
- 在「格式設定」分頁標籤上選取「啟用條件式格式設定」選項。
- 在「顏色」部分的「系列」下拉式選單中,選取色票。
在「規則」部分輸入格式設定規則。
從「格式」下拉式選單中選取條件。在本例中,我們選取「如果值大於」。
輸入規則門檻的值。在這個範例中,輸入「30000」。
選取所需的背景顏色和字型顏色。請務必考量顏色對比度,以確保內容無障礙。在本例中,我們選取了白色背景和深綠色字型。
如要新增其他規則,請選取分頁底部的「新增規則」按鈕。
在本例中,我們會建立另一個規則,指出總利潤值「低於」 $30,000 門檻時。
12 月的總利潤為 $41,394.51 美元,雖然比上個月的總利潤少了 40%,但仍高於利潤門檻。系統現在會以綠色顯示總利潤值,向使用者表示利潤超過門檻。
範例:在進度達標的情況下顯示單一值
另一個單一值視覺化選項是在目標進度內容中顯示值。
舉例來說,您可以使用相同的資料集 (總利潤,按過去 12 個月的建立月份分組),根據全年的利潤目標顯示今年迄今 (YTD) 的總利潤。本例的年利潤目標為 $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 樣式的值格式。
在本例中,我們在「標題覆寫值」部分輸入「YTD profit」,以便更清楚地指出這個值代表的意思。
在「比較」分頁中,選取「顯示」。
從「值標籤」下拉式選單中選取「計算進度」或「計算進度 (含百分比)」選項。
「Calculate Progress」會顯示進度列,並以陰影表示目標的目前狀態。如果套用預設的「標籤」設定,系統也會顯示欄位名稱。
Calculate Progress (with Percentage) 會顯示陰影進度列,並套用預設的Label 設定,顯示「X 的 X%」
文字。 視需要自訂「比較」分頁中的進度列標籤。
取消選取「顯示標籤」選項,即可隱藏欄位標籤。使用「Calculate Progress」選項時,系統只會顯示陰影進度列。使用「Calculate Progress (with Percentage)」選項時,系統會在陰影進度列中顯示「X% of X」文字。
請勿變更「顯示標籤」選項,以便保留欄位標籤。
在「標籤」欄位中輸入自訂標籤。
最終結果是今年迄今 (YTD) 的利潤值為 $730,362.93 美元,進度列則顯示達成 $1,000,000 美元的年度銷售目標進度。
在套用「Calculate Progress」和「Calculate Progress (with Percentage)」設定後,範例會有所不同。
以下範例說明如何在「比較」分頁中套用「計算進度」選項和自訂標籤「進度至年度銷售目標」設定,並顯示如下圖所示:
以下是使用「計算進度 (含百分比)」選項和自訂標籤「年度銷售目標」設定的範例,這些設定是在「比較」分頁中套用:
後續行動:
建立單一值視覺化圖表後,您可以與他人分享: