時間軸圖表可協助您呈現事件群組之間的關係,並比較這些事件發生的時間範圍。時間軸視覺化效果也適用於數字。
如要使用時間軸視覺化,請按一下「視覺化」列中的省略號 (...),然後選擇「時間軸」。按一下視覺化分頁右上角的「編輯」,即可設定視覺化格式。
舉例來說,您可以使用時間軸圖表,顯示顧客首次下單日期和最近一次下單日期之間的時間間隔。每個時間範圍都可以上色,表示顧客下單次數。
時間軸的視覺化效果是以「資料」部分中的欄位為依據,且欄位必須依特定順序排列。忽略圖表中隱藏的欄位,時間軸需要下列欄位 (從左到右):
- 標籤欄位:字串欄位,例如名稱。這是必填欄位。
- 詳細資料欄位:第二個選填的字串欄位,可將時間軸視覺化圖表的每個資料列合併為類別。詳情請參閱「在每列中顯示單一或多個長條」。
- 開始欄位:開始日期或數字。這是必填欄位。
- 結束欄位:結束日期或數字。這是必填欄位。
- 量值欄位:選填的數字欄位,可決定連續長條的顏色,介於視覺化選項中指定的兩種顏色之間。如要進一步瞭解如何使用顏色和標籤,請參閱「使用顏色」一文。
使用不含日期的時間軸圖表
時間軸圖表可提供日期以外的資訊。這個範例顯示幾家航空公司,每家都有一個長條,其中:
- 長條圖的起點為航空公司的準時航班數
- 長條會延伸至航空公司的航班總數
- 長條的顏色代表航空公司準時率的量值
顏色大小可協助說明,雖然航空公司準時起飛的航班數與總航班數可能相差很大,但準時率可能很高。舉例來說,西南航空的長條較寬,但準時起飛的航班比例也最高,如紫色長條所示。將游標懸停在長條上,即可查看長條代表的資料,包括:
- 長條的起始值
- 長條的結束值
- 橫條顏色代表的值 (如有)
每列顯示一或多個長條
如果開啟「依標籤分組長條」,所有共用相同標籤值的記錄都會顯示在同一列的視覺化圖表中,以個別長條表示。舉例來說,假設有一組使用者資料,每位使用者都屬於某個年齡層。如果年齡層是標籤欄位,使用者名稱是詳細資料欄位,則視覺化圖表會為每個年齡層顯示一列,並在該年齡層的列中以長條顯示一或多個使用者名稱。
如要改為在個別資料列中顯示每個記錄列,請關閉「依標籤分組長條圖」選項。在本例中,視覺化效果會改為顯示每個使用者名稱各一列。
使用顏色
時間軸的長條顏色代表不同意義,視資料而定:
- 量值:每個長條的顏色都位於連續範圍內,代表長條的量值。如要進行這項設定,請在查詢中加入量值欄位,並在視覺化選項中指定連續調色盤 (從一種顏色漸層至另一種顏色,例如 Looker 顏色集合中的連續和發散調色盤)。
- 詳細值:每個長條的顏色代表詳細資料欄位中的值。如要進行這項設定,請在資料中加入詳細資料欄位,並在視覺化選項中選擇類別調色盤 (包含多種個別顏色)。(如果沒有量值欄位,可以選取連續調色盤,顏色會參照詳細資料欄位中的值。如果確實有量值欄位並選取連續調色盤,系統一律會將顏色套用至量值欄位。)
- 在其他情況下,長條顏色會重複使用您在視覺化選項中選取的顏色。
假設有詳細資料欄位「流量來源」和量值欄位「生命週期訂單」的範例資料集。
如果使用連續調色盤,顏色連續體會指出量值欄位的值。在本例中,圖例會顯示色彩連續體兩端顏色代表的終身訂單數。
如果改用類別調色盤,顏色連續體會指出詳細資料欄位中的值。在本例中,圖例會改為顯示每種顏色代表的流量來源。
如果同時移除詳細資料和量值欄位,顏色會循環使用在視覺化選項中選擇的調色盤。
選項
長條顏色
您可以定義圖表的調色盤。
選取顏色集合和調色盤
您可以建立主題式集合,讓視覺化和資訊主頁看起來更協調。Looker 的所有內建顏色集合都會顯示在「顏色集合」說明頁面上。Looker 管理員也可以為貴機構建立自訂顏色集合。
你可以從「集合」下拉式選單中選擇顏色集合。「調色盤」部分會更新為所選顏色集合的調色盤。如要變更顏色集合中的其他調色盤,請按一下調色盤,開啟調色盤挑選器。然後就能查看及選取集合中的所有調色盤。
選擇調色盤類型
如果您使用連續或發散調色盤,每個長條都會根據調色盤的比例著色。如果改用類別調色盤 (由多種顏色組成的調色盤),系統會依序為每個長條指派顏色。第一個長條會指派到第一個顏色,依此類推。如果長條數多於列出的顏色數,系統會從調色盤開頭重複使用顏色。
建立自訂調色盤
如要建立自訂調色盤,請先選取調色盤挑選器中的「自訂」分頁標籤。你可以透過下列幾種方式編輯調色盤:
- 按一下現有的其中一個顏色即可編輯。
- 按一下「+」或「-」按鈕,即可在調色盤尾端新增顏色,或是移除所選顏色。在連續或發散調色盤的結尾新增顏色時,Looker 會自動在該顏色和前一個顏色之間建立比例。
- 按一下選單右下方的「全部編輯」,即可使用以半形逗號分隔的顏色值清單。
如要變更所選顏色,或一次編輯所有顏色,可以在選單底部的顏色值方塊中輸入十六進位字串 (例如 #2ca6cd
) 或 CSS 顏色名稱 (例如 mediumblue
)。
您也可以按一下顏色值方塊右側的色輪,開啟顏色挑選器並選取顏色。該顏色的對應十六進位值會顯示在顏色值方塊中。
如果您點選「全部編輯」,顏色值方塊會填入您選擇或自訂的調色盤所有十六進位碼。複製及貼上這份清單,是將自訂調色盤從一個圖表複製到另一個圖表的最佳方式。
對調顏色
你可以反轉調色盤使用的顏色。如果是連續或發散調色盤,每個長條會依調色盤的比例著色,但順序相反,從調色盤右端的顏色開始,然後向左移動。如果是類別調色盤,系統會從調色盤中的最後一個顏色開始,以相反順序將調色盤中的顏色套用至每個長條。
依標籤將長條分組
您可以決定每個記錄長條是否應顯示在各自的資料列中,或是每個標籤值的記錄長條是否應全部顯示在同一列。請參閱「在每列中顯示多個長條」。
標籤大小
你可以設定標籤的字型大小。可用的選項如下:
- Tiny
- 小
- 中
- 大
- 巨大
值的格式
您可以使用 Excel 樣式的格式,指定值的數字或日期格式。如未指定格式,系統會以基礎維度或指標的格式顯示值。
如要瞭解如何指定這些格式,請參閱 MS Excel 的完整指南。不過,Looker 目前不支援顏色格式。
如要進一步瞭解如何使用自訂格式,請參閱這個說明文件頁面。
您可以指定日期值的格式。以下是一些常見的格式設定選項:
日期格式 | 意義 |
---|---|
m |
以數字表示的月份,數字前不加上零。5 月會顯示為「5」。 |
mm |
月份,以數字表示,視情況加上前置零。五月會顯示為「05」。 |
mmm |
月份縮寫 (1 月到 12 月)。 |
mmmm |
月份的完整名稱 (一月到十二月)。 |
mmmmm |
月份 (單一字母,從 J 到 D)。 |
d |
以數字表示的日期,數字前不加上零。 |
dd |
以數字表示的日期,視情況在數字前加上零。 |
ddd |
以縮寫形式表示日期 (週日至週六)。 |
dddd |
星期幾的完整名稱 (星期日至星期六)。 |
yy |
以兩位數表示的年份。 |
yyyy |
以四位數表示的年份。 |
h |
以數字表示的小時,數字前不加上零。 |
hh |
以數字表示的小時,視情況加上前置零。如果格式包含「上午」或「下午」,則小時會採用 12 小時制。否則會以 24 小時制表示。 |
m |
以數字表示的分鐘,數字前不加上零。NOTE:m 必須緊接在 h 或 hh 元素之後,或緊接在 s 或 ss 元素之前 (否則系統會將其解讀為月份,而非分鐘)。 |
mm |
以數字表示的分鐘,視情況在數字前加上零。NOTE:mm 必須緊接在 h 或 hh 元素之後,或緊接在 s 或 ss 元素之前 (否則系統會將其解讀為月份,而非分鐘)。 |
s |
以數字表示的秒,數字前不加上零。 |
ss |
以數字表示的秒,視情況在數字前加上零。如要顯示秒數的分數,請使用類似 h:mm:ss.00 的數字格式。 |
am/pm 、a/p |
使用 12 小時制時鐘的小時。Excel 會在午夜到中午之間顯示「AM」或「A」,在中午到午夜之間顯示「PM」或「P」。 |
顯示圖例
您可以在視覺化圖表底部顯示或隱藏圖例。
編輯圖表設定
按一下視覺化選單底部的「編輯圖表設定」按鈕,即可開啟「圖表設定編輯器」。這個編輯器會公開視覺化效果的特定 JSON 參數,讓您修改 HighCharts 視覺化效果,進行深入自訂。這些自訂項目不會與資料動態互動。
如果您具備 Looker 管理員角色或can_override_vis_config
權限,即可使用「編輯圖表設定」按鈕。
如需一些常見用途的範例,請參閱「圖表設定編輯器」一文的「範例」一節,包括下列範例:
- 變更背景顏色和軸文字顏色
- 為序列中的值套用條件式格式
- 自訂工具提示顏色
- 新增垂直參考區間和說明
- 新增圖表註解