儀錶板視覺效果

視覺化小工具會將儀表板資料集渲染成圖表。 你可以選擇圖表類型、定義軸與編碼、格式化軸值與標籤，並以富文字格式化小工具的標題與描述。

建立並配置圖表

將視覺效果小工具新增至畫布之後，視覺效果組態 面板會出現在畫面右側。 根據預設，會選取 [數據] 索引卷標上所列的第一個數據集，而默認視覺效果類型為 條形圖 圖表。

空白視覺效果小工具與視覺效果組態面板。

若要建立圖表，請使用下列步驟：

  1. 選取資料集： 使用 [資料集] 下拉式清單來選擇用於視覺化的資料集。
  2. 新增篩選（選擇性）： 按兩下 [顯示篩選，將靜態篩選或參數套用至視覺效果。 您可以篩選任何欄位。 如果您的數據集包含參數，也會顯示套用它的選項。
  3. 選擇視覺效果類型： 從 [視覺效果 ] 下拉功能表中選取視覺效果類型。 關於可用視覺化類型及其配置的詳細資訊，請參見 AI/BI 儀表板視覺化類型。
  4. 定義 x 軸和 y 軸欄位： 選取資料集之後，請選擇要在 x 軸和 Y 軸上顯示的欄位。 您可以將欄位拖曳到所需位置，以重新排序欄位。 對於圖表標籤，你可以使用顯示名稱欄位來重新命名軸標籤。

備註

如果你使用 Genie Code 來產生圖表，資料集和視覺化的選擇會根據你的要求自動調整。 關於如何建立 AI 輔助視覺化的逐步指引，請參閱 「使用 Genie Code 進行儀表板製作」。

查看視覺化查詢

在草稿模式下，你可以查看視覺化小工具執行的完整 SQL 查詢，包括目前套用的任何參數和篩選器。 這對於驗證資料準確性、排除意外結果，或了解儀表板過濾器與參數如何影響底層查詢非常有用。

  1. 點擊 烤肉選單圖示。 視覺化小工具上的烤肉選單。
  2. 點擊 檢視視覺化查詢。

會出現一個模式，顯示視覺化元件的 SQL 查詢。 此查詢是針對該小工具的，僅回傳渲染該視覺化所需的資料。 這與完整資料集查詢不同。 查詢反映任何已套用過濾器的當前狀態。 若底層資料集使用參數，則查詢中不會替換參數值。 相反地，它們會顯示在模態的頂端作為參考。

格式化小工具標題與描述

小工具標題與描述支援富文字。 你可以強調關鍵詞彙、連結定義，或在元件標頭中顯示篩選器的當前值。

點擊小工具的標題或描述即可開始編輯。 小工具上方會出現格式工具列，兩個欄位都會提示你輸入 @ 以參考篩選器或欄位。

處於編輯模式的長條圖小工具，其上方有富文本格式工具列，標題和描述欄位中則顯示預留位置文字

格式化文字

使用格式工具欄，以以下方式為標題或描述做樣式：

  • 文字樣式：調整區塊樣式、字體、字體粗細、字體大小和文字顏色，並套用底線。 在字型下拉選單中，從 20 種 開放原始碼 字型中選擇。
  • 對齊：將文字對齊到左、中或右。
  • 插入連結：點擊連結圖示開啟連結編輯器。 輸入網址和連結文字即可顯示。
  • 插入表格：點擊表格圖示以新增表格。
  • 清晰格式：移除選取文本中的所有格式。

你也可以直接輸入 markdown 語法。 例如，輸入 **Revenue** 文字會被格式化為粗體。 要編輯底層的 markdown，請點擊 Kebab 選單圖示。 kebab 選單 >顯示 markdown。 如需基本 Markdown 語法的詳細資訊，請參閱 Markdown 指南。

格式也適用於篩選器和欄位參照。 參考文獻會捕捉到周圍文字的格式。 你可以用粗體、著色或調整參考值大小，讓它在小工具標頭中更突出。 例如，如果你粗體標示 總收入： 連同旁邊的欄位參考，觀眾會看到以粗體標示的解決值。 對已刪除濾鏡或欄位的引用會保留其 （已移除的） 指示顏色，但仍會採用其他格式，例如粗體或斜體。

文字小工具使用相同的編輯器。 請參閱 文字小工具。

備註

你不能在小工具標題或描述中插入圖片。 文字小工具中支援圖片。 請參閱 圖片路徑與網址。

參考濾波器或欄位

你可以在小工具標題或描述中引用篩選器或欄位，讓標頭回應儀表板的篩選條件和交叉篩選選項。 濾鏡參考反映觀眾目前的選擇。 欄位參照會顯示即時的彙總指標。

例如：

  • 要參考篩選器，請輸入 Sales for @region 並選取該篩選器 region 。 當檢視者選取 Sales for West 時，標題會顯示為 ，並會在選取變更時更新。
  • 要參考欄位，請輸入 Total revenue: @ 並選取該 revenue 欄位。 參照會解析為彙總值，例如 Total revenue: $1.2M，並會在檢視者套用篩選器或交叉篩選時更新。

補充一下參考：

  1. 點擊小工具標題或描述即可開始編輯。
  2. 輸入 @ 以開啟可用篩選條件與欄位清單。
  3. 繼續輸入以縮小名單。
  4. 選擇一個篩選條件或欄位。

@ 自動預搜會在小工具標題中開啟，列出資料集及其欄位，並附有資料類型圖示

當你選擇欄位時，會根據欄位類型套用預設的彙整。 要更改欄位、聚合或格式，請點擊參考資料以開啟設定彈出視窗：

  • 在 「價值 」標籤中，更改欄位或選擇不同的彙總函數。 可用的功能依欄位類型而異。 對於數值欄位，包括 SUM、AVG、MEDIAN、MIN、MAX、COUNT、COUNT DISTINCT、VAR、STD、PERCENTILE、FIRST 和 LAST。
  • 在 「格式 」標籤中，設定數字或日期格式，包括數字類型、縮寫、精確度、分隔符及負號。 關於數字格式的詳細資訊，請參見 「格式化數值」。 格式索引標籤不會顯示於文字欄位中。

值分頁上的欄位參照設定彈出式視窗，顯示欄位選擇器和彙總選項

欄位參考可以鎖定儀表板上的任何資料集，而不僅僅是小工具本身的資料集，且一個標題或描述可以參考多個欄位。

參考資料有以下限制：

  • 濾波器和參數小工具無法參考其他濾波器。 這可防止篩選器之間的循環參照。
  • 欄位參考僅在視覺化小工具的標題與描述中提供。 它們不存在於控制元件，例如濾波器和參數元件上。
  • 欄位參考會指向單一資料集中的某個欄位。 不支援跨資料集的衡量。 支援使用語意模型的儀表板。
  • 若被引用欄位被重新命名或移除，該參考會顯示 (removed)。

欲了解文字元件中的參考參數，請參閱 「在文字元件中使用參數」。

未套用格式的位置

以下地方以純文字顯示標題，格式已移除。 不要依賴格式來傳達標題的意義，因為標題出現在以下地方：

  • Genie 顯示的圖表標題和視覺化參照，包括在聊天視窗、Genie Agents 和 Genie One 中顯示的內容
  • 儀表板編輯器中的小工具清單
  • 儀表板訂閱附件
  • 篩選工具提示
  • 已下載的資料匯出檔案名稱

其他格式行為

格式設定在下列情況下的表現也會有所不同。

將小工具下載為圖片可保留文字樣式。

當小工具只有一列高且顯示其標題時，描述會顯示在資訊圖示後方的工具提示中，而不是顯示在標題旁。 若要在內文中顯示描述，請將小工具調高或隱藏標題。

套用圖表格式設定

圖表包含座標軸、色彩、標籤和工具提示的可自定義格式選項。 格式化選項會因圖表類型和數據集值而有所不同。

下列螢幕快照會醒目提示用來格式化 x 和 y 軸的 Kebab 功能表。

標示顯示用於格式化 x 和 y 軸的 Kebab 選單的螢幕截圖。

格式座標軸設定

若要格式化 X 軸或 Y 軸，請使用可視化編輯面板之個別 Kebab menu icon.Kebab menu icon.X 軸或 Y 軸區段中的 。

設定下列設定：

  • 顯示座標軸標題：已預設啟用。 輸入自定義標題或清除複選框以隱藏座標軸標題。
  • 顯示座標軸值：預設為 [啟用]。 清除複選框以隱藏座標軸值。

視所表示的數據類型而定，會出現其他控制件。

關於數值資料：

  • 軸域：選擇軸域的判定方式：
    • 預設：使用自動範圍。 在分面圖中，所有子圖共享一個區間，因此可以直接比較。
    • 依分面：在分面圖表上，將座標軸依各子圖自身的資料進行縮放。 當圖表未採用分面時，這不會產生任何影響。 參見分面化。
    • 自訂：設定軸的 固定最小 值與 最大 值。
  • 反向軸： 選取 [反向軸]，以遞減順序顯示座標軸值。
  • Scale 功能： 選擇 線性 或 對數（對稱）。
  • 按一下 格式 以檢視其他格式選項。 自動 會自動格式化圖表，預設已選取。 按一下 自訂 來查看其他格式化選項。 請參閱 格式化數值。

類別型資料：

  • 標籤角度： 選擇要套用標籤的角度。 自動是預設選項。
  • 排序：選擇如何在軸上排列類別值：
    • 按字母順序：依字母順序排序分類名稱
    • 依欄位排序：依測度欄位值排序，順序由高或由高到低排序。 選擇排序方向後，選擇使用哪個欄位：
      • Y 軸：依照 Y 軸顯示的度量場排序
      • 欄位：依資料集中其他指標欄位排序，即使圖表上沒有顯示。 從下拉選單選擇欄位，並選擇彙總（SUM、MIN、MAX 或 COUNT）。 這對於依照指標排序類別很有用，能提供上下文且不會讓視覺化變得雜亂。
    • 自訂：將數值按特定順序排列。 將滑鼠移到數值上，使用抓取手柄將其拖到指定位置。

一張帶有標籤天使和排序選項的圖表，應用於 x 軸。

備註

如果有任何列出的選項無法使用，則無法套用至選取的圖表類型。

格式化數值

您可以對座標軸刻度標籤、資料標籤和工具提示中的數字進行格式化。 若要存取格式設定選項：

  1. 單擊圖表組態面板中 Kebab menu icon.Kebab menu icon.X 軸 或 Y 軸 旁的 Kebab 功能表。
  2. 按一下 [[格式]，然後從下列選項中選擇：
  • 類型： 無、貨幣（$）、百分比（%）
  • 縮寫： 無、緊湊、科學
  • 小數位數： 最多、精確、全部或自訂位數
  • 群組分隔符： 選擇性地包含逗號或其他分隔符。
  • 負徵號： 選擇負數的顯示方式。 選擇 -123.45 （預設）作為標準負號，或選擇 （123.45） 以使用會計風格的括號。

備註

提供不同的貨幣格式。 選擇 貨幣後，從下拉選單中選擇您偏好的選項。

自定義圖表元素

你可以格式化圖表圖例、顏色、標記形狀、線條圖案、提示和數值標籤。

圖表色彩

若要變更圖表色彩：

  1. 點擊圖表中的色彩以開啟色彩選擇器。
  2. 輸入精確色彩的 HEX 或 RGB 值。
  3. 按一下烤肉串選單圖示。 在顏色部分的烤肉串選單中調整所有顏色的不透明度。

各小工具間的顏色一致

當圖表以類別欄位著色時，儀表板會自動在儀表板上每個元件使用相同顏色、相同的值。 例如，如果某個圖表以某種顏色顯示 Australia，則儀表板上所有其他依相同欄位著色的圖表，也會以該顏色顯示 Australia。

只有當小工具使用同一資料集中的相同欄位來著色時，才會共享顏色。 來自不同資料集的同名欄位會保留自己的顏色。 顏色一致性僅適用於單一儀表板，因此顏色設定不會延續到其他儀表板。 此規定適用於 領域顏色 ，不適用於系列 顏色。

要用特定顏色來設定值，可以在色彩選擇器裡設定。 你手動設定的顏色會優先於自動分配。

若要將某個值的自動色彩套用至整個儀表板（而不是一次只在一個小工具上設定），請在儀表板的主題設定中使用色彩對應。 請參閱 「建立或更新工作區主題」。

色彩調色盤分頁的色彩映射區塊，顯示對應到色片的值名稱。

傳說

按一下 Kebab 選單圖示。 在 顏色 區段的 Kebab 選單中顯示可變更圖表圖例可見度、標題或位置的選項。 下列是可用的選項：

  • 顯示圖例： 使用複選框來顯示或隱藏圖例。
  • 顯示圖例標題： 使用複選框來顯示或隱藏圖例標題。 當標題可見時，您可以輸入來替換預設值，該預設值為欄位名稱。
  • 圖例位置： 使用下拉式清單來調整圖例在視覺效果小工具中的位置。 圖例可以放置在視覺化的頂部、底部、左側或右側。

工具提示

工具提示會顯示指標下數據的精確量值。 根據預設，它們會顯示 x 軸、y 軸和任何色彩/群組欄位的值。 若要將更多欄位新增至工具提示：

  1. 按一下視覺化編輯器中 Plus icon.Plus 圖示工具提示區段的
  2. 使用下拉式清單選取其他欄位，或使用文字框依名稱搜尋。

備註

如果視覺效果編輯器中沒有 工具提示 區段，該圖表類型不支援工具提示自定義。

數值標籤

使用 切換開關來開啟或關閉數據標籤。 啟用後，你可以選擇標籤的顯示方式：

  • 自動：以標籤顯示 y 軸數值。
  • 欄位：選擇特定欄位作為標籤顯示。 你可以套用轉換（例如 SUM 或 AVG），並為所選欄位選擇格式選項。

空值不會以標籤形式顯示在圖表上。 你可以使用條件邏輯來選擇性地顯示標籤。

以下查詢建立一個資料集，標籤僅出現在特定資料點：

SELECT
  *,
  CASE
    WHEN pickup_zip = 10009 THEN fare_amount
    ELSE NULL
  END AS custom_label
FROM
  samples.nyctaxi.trips

當你將 custom_label 作為值標籤欄位時，只有包含 pickup_zip = 10009 的資料點會顯示標籤，以顯示 fare_amount。 所有其他無值資料點則在圖表中顯示，且未標註。

一個僅顯示一行值標籤的視覺化圖。

尺寸設定

大小 設定 可控制折線圖、散佈圖、泡泡圖和點圖的視覺維度。 其使用方式取決於圖表類型：

折線圖：

  • 如果在 「大小」 區域中未指定數列，則滑桿會統一變更所有線條粗細。
  • 如果在 「尺寸」 區域中指定了系列，您可以為每個系列設定不同的厚度值。

散佈圖和氣泡圖：

  • 將欄位新增至 「大小」 設定，以根據度量改變點標記大小。
  • 當大小以資料欄位為基礎時，圖表會變成泡泡圖，其中每個點的大小都會反映度量值。

點圖： 使用 「大小」 設定可根據定量欄位來改變地圖標記大小，以顯示不同地理位置的大小。

標記

在折線圖中， 標記 設定會在線上的每個資料點繪製一個標記。 點擊標記樣本可為每個點設定相同的形狀，或點擊 Plus icon.加號圖示Marker 區段中的 ，依類別欄位變更標記形狀，例如讓每個系列使用不同的形狀。 可用形狀包括圓形、正方形、菱形、十字、X、星星和三角形。

標記設定僅適用於折線圖。 在散點圖上，改用 形狀 設定。

Shape

在散點圖中， Shape 設定控制每個點的形狀。 點擊形狀樣本，為每個點設定相同的形狀；或者點擊 Plus 圖示Shape 區段中的加號圖示，依類別欄位變更形狀，例如為每個類別設定不同的形狀。 可用形狀包括圓形、正方形、菱形、十字、X、星星和三角形。

Shape 設定只適用於散佈圖。 在線圖表上，改用 標記 設定。

模式

在折線圖和組合圖中，Pattern 設定會控制每條線的虛線樣式。 點擊 Plus 圖示。 在 Pattern 區塊中的 Plus 圖示，選擇一個類別欄位，該欄位會改變每條線的劃線風格，例如一個系列用實線，另一個用虛線。 可用的樣式有實線、虛線和點線。

Marker 和 Shape 設定不適用於組合圖表或繪製多個度量的圖表。 在這些圖表上，使用 模式 設定來區分線列。

格線

圖表支援開啟和關閉網格線以提高可讀性。 格線預設會顯示在支援的圖表類型上，並提供與軸值對齊的視覺參考線，協助檢視者解譯資料點。

若要切換格線：

  1. 在視覺化組態面板中，找出格線選項。
  2. 使用切換來顯示或隱藏圖表的格線。

網格線會根據您的自訂背景顏色和軸格式設定自動調整。

註釋

註解是水平或垂直的參考線，你可以加到圖表上，用來追蹤門檻、目標或基準。 註解線可以是固定的常數值，也可以是由你的資料驅動，例如平均值或特定指標。

圖表附註解線。

以下圖表類型支援註解：

  • 常數與自訂：面積、條、框、組合、熱力圖、直方圖、線條、散佈與瀑布
  • 彙總：僅限面積圖、長條圖、箱形圖、折線圖和散佈圖。 不適用於採用 100% 堆疊版面配置的圖表。

補充說明：

  1. 在視覺化設定面板中，找到 註解 區塊。
  2. 點擊 加號圖示。 加號圖示可新增註解。
  3. 選擇線路方向：
    • 水平：在指定的 y 軸值上畫一條平行於 x 軸的線。
    • 垂直：在指定的 x 軸值上畫一條平行於 y 軸的線。
  4. 選擇註解類型並設定：
    • 常數：在該線應該出現的位置輸入固定值。
    • 總體 Y （水平）/ 總體 X （垂直）：選擇一個聚合（平均、 最小或 最大）。 線位是根據底層圖表資料的彙整計算。
    • 自訂：從你的資料集中選擇欄位或測量。 線的位置會在另一個查詢中計算。 如果你選擇一個彙整欄位，會畫一條線。 若選擇非彙總欄位，則每回傳一列繪製一條線。
  5. （選填）輸入標籤。 標籤會出現在圖表上，位於該線旁邊。
  6. （可選）點擊色彩選擇器來自訂線條顏色。

你可以在一張圖表上加入多個註解，以追蹤不同的臨界點或參考點。

產生預測

使用 AI 預測 （公開預覽） 將預測預測套用至折線圖，以可視化未來的趨勢和模式。 您的折線圖必須具有 x 軸上的時態日期欄位，以及 y 軸上的單一數值欄位。

若要使用 AI 預測建立圖表：

  • 選中折線圖後，點擊加號 圖示。 在 預測頁面右側點選加號圖示。
  • 在出現的對話框中，點擊使用 AI 預測進行克隆。 系統會建立新的折線圖，並套用預測。

若要深入了解產生預測的函式，請參閱 ai_forecast 函式。

針對折線圖產生預測

切割

在 Facet 編碼中加入一個維度，以重複該維度內所有值的圖表或計數器，也稱為格狀圖或小型多重圖表。 預設情況下，子圖表對每個連續軸共用一個範圍，因此可以直接比較。 為加入分面：

  1. 在視覺化編輯器的 Facet 區段中，按一下 加號圖示。
  2. 請使用下拉選單選擇一個尺寸欄位。

在 Kebab 選單圖示中。 在 Facet 旁邊的 Kebab 選單中，你可以選擇性地設定底層格子的列數和欄數。 圖表上會自動滾動顯示超出網格的數值。

若要將數值軸縮放到每個子圖表的資料上，而不是共用一個範圍，請將其 軸範圍 設為 Per facet。 類別面軸總是顯示每個子圖的專屬類別。 請參閱 格式化座標軸設定。

你也可以對計數器進行分面。 將 Facet 維度新增至計數器後，系統會在同一個網格中，為每個維度值顯示一個計數器磚塊。 因為計數器沒有座標軸，所以軸範圍選項（包括 Per facet）都不適用。 當計數器顯示火花線時，所有磁磚共享同一個領域，因此電光線的趨勢在不同磁磚間保持可比性。

一條條狀圖依產品分面為四個子圖表，每個子圖表顯示每日記錄的統計。

設定值：在此範例中，設定了以下值：

  • 資料集： samples.bakehouse.sales_transactions
  • X 軸：
    • 欄位： dateTime
    • 變換： Daily
  • 縱軸：
    • 欄位： COUNT(*)
  • 面向：
    • 欄位： product

其他視覺效果類型

若要進一步了解如何使用表格視覺化，請參閱 表格和樞紐分析表視覺化。

若要深入瞭解如何使用地圖視覺效果，請參閱 地圖視覺效果。

  • 上次更新時間：