跳到主要內容 跳至補充內容

設定直式表格的樣式

有多種樣式屬性可用於自訂直式表格的外觀和質感。樣式有助於反映您組織的調色盤、輔助分析並提高可讀性。

如需關於調整其他直式表格外觀層面的資訊,請參閱 自訂直式表格的外觀

如需關於設定個別視覺化樣式的一般資訊,請參閱 將自訂樣式套用至視覺化

設定文字樣式

直式表格是基於文字的視覺化,因此文字可以採用多種不同方式設定樣式:

圖表層級文字樣式

  1. 在屬性面板中,展開外觀區段。

  2. 外觀呈現之下,按一下 調色盤樣式

  3. 一般索引標籤,設定下列文字元素的字型、強調樣式、字型大小和色彩:

    • 標題

    • 副標題

    • 註腳

  4. 圖表索引標籤,設定下列文字元素的字型、強調樣式、字型大小和色彩:

    • 標頭:設定維度和量值的標頭文字樣式。

    • 維度值:設定維度值文字的樣式。

    • 量值:設定量值的文字樣式。

    • 總計:如果您已在外觀 > 呈現之下選取顯示總計列,則請設定總計文字的樣式。

    • Null 值:設定 Null 值的文字樣式。您可以變更強調樣式和色彩。

    • 斑馬條紋:啟用此設定後,您可以設定列的交替文字顏色。請參閱 套用斑馬條紋

欄層級和儲存格層級文字樣式

文字強調

您可以使用運算式,以定義如何設定每欄文字的樣式。若您透過運算式設定欄文字的樣式,此運算式會對該欄覆寫應用程式佈景主題,以及套用至視覺化的任何自訂樣式。

您可以在運算式中使用下列語法,以定義樣式 (標記中的字母不區分大小寫):

  • <B>:粗體

  • <I>:斜體

  • <U>:底線

  • <S>:刪除線

一次可套用以上多個選項。

範例:  

if(avg(Sales) > 300, '<B>')
if(count(OrderID) = 0, '<S>')
if(sum(Sales) > 100000, '<B><U>', '<I>')
  1. 資料之下,選取欄並開啟屬性中的呈現

  2. 文字樣式運算式之下,輸入運算式。按一下 開啟運算式編輯器 可開啟運算式編輯器。

文字色彩

您可以變更各個欄的文字色彩。

  1. 資料之下,選取欄並開啟屬性中的呈現

  2. 文字色彩運算式之下,輸入運算式。按一下 開啟運算式編輯器 可開啟運算式編輯器。

文字對齊和欄寬

  1. 資料之下,選取欄並開啟屬性中的呈現

  2. 使用滑桿選取文字對齊的選項。使用自訂文字對齊,您可以選取靠左對齊、置中對齊或靠右對齊。

    資訊備註如果文字對齊設為自動,則會根據資料類型對齊資料行資料:文字值會靠左對齊,包含資料相關值的數值則靠右對齊。如果設為自訂,可以將資料靠左、置中或靠右對齊。
  3. 選取欄寬。您可以選取以下選項之一:

  • 自動

  • 配合內容

  • 像素

  • 百分比

列層級文字樣式

列層級設定可用於設定文字樣式:

自訂背景

可在多種層級設定背景樣式:

圖表層級背景樣式

您可以自訂圖表的背景。可依色彩和影像設定背景。

  1. 在屬性面板中,展開外觀區段。

  2. 外觀呈現之下,按一下 調色盤樣式

  3. 在樣式面板的一般索引標籤,您可以選取背景色彩 (單一色彩或運算式)。您也可以從媒體庫或 URL 將背景設定為影像。

    資訊備註

    若要從 URL 新增背景影像,需要將該 URL 的來源新增至租用戶的內容安全性政策的允許清單中。新增來源時必須透過以下指令img-src。這由租用戶管理員進行。

    如需詳細資訊,請參閱建立 CSP 輸入項目

    使用背景色彩時,使用滑桿調整背景的不透明度。圖表標頭一律以 100% 不透明度顯示。

    使用背景影像時,您可以調整影像大小和位置。

  4. 圖表索引標籤,自訂下列元素的背景色彩:

    • 標頭 (使用 100% 不透明度)

    • 維度值

    • 量值的值

    • 量值標籤

    • 總計 (使用 100% 不透明度)

    • NULL 值

    • 斑馬條紋 (請參閱 套用斑馬條紋)

欄層級和儲存格層級背景樣式

您可以使用運算式定義每欄的背景色彩。若您透過運算式設定欄背景的樣式,此運算式會對該欄覆寫應用程式佈景主題,以及套用至視覺化的任何自訂樣式。

  1. 資料之下,選取欄並開啟屬性中的呈現

  2. 背景樣式運算式之下,輸入運算式。按一下 開啟運算式編輯器 可開啟運算式編輯器。

列層級背景樣式

列層級設定可用於定義背景色彩:

自訂格線

您可以自訂表格格線。

  1. 在屬性面板中,展開外觀區段。

  2. 外觀呈現之下,按一下 調色盤樣式

  3. 圖表索引標籤,以下列元素自訂格線:

    • 列高度:以線條設定列的高度。

    • 框線:設定儲存格框線的色彩。

    • 分隔線:設定分隔表格標頭和內文的分隔線色彩。

自訂暫留行為

您可以設定使用者將游標暫留在表格列上方時的顯示選項。

  1. 在屬性面板中,展開外觀區段。

  2. 外觀呈現之下,按一下 調色盤樣式

  3. 在樣式面板的圖表索引標籤上,於列暫留之下,調整下列設定:

    • 若要在使用者將游標暫留在列上方時醒目提示表格中的列,請將切換開關設定為開啟。根據偏好將行為切換為關閉。

    • 列暫留色彩:設定使用者將游標暫留在列上方時用來醒目提示該列的色彩。

    • 列暫留字型色彩:設定使用者將游標暫留在醒目提示的列上方時該列的文字色彩。

自訂框線和陰影

您可以自訂圖表的框線和陰影。

  1. 在屬性面板中,展開外觀區段。

  2. 外觀呈現之下,按一下 調色盤樣式

  3. 在樣式面板的一般索引標籤,於框線 之下,調整外框大小,以增加或減少圖表周圍的框線。

  4. 選取框線色彩。

  5. 調整圓角半徑以控制框線的圓度。

  6. 一般索引標籤的陰影之下,選取陰影大小和色彩。選取以移除陰影。

套用斑馬條紋

透過斑馬條紋,您可以將交替色彩的列新增至直式表格。斑馬條紋增加奇數列和偶數列之間的對比度,藉此提高可讀性。

您可以設定奇數列和偶數列的文字和背景顏色。

video thumbnail

  1. 在屬性面板中,展開外觀區段。

  2. 外觀呈現之下,按一下 調色盤樣式

  3. 在樣式面板的圖表索引標籤上,將斑馬條紋設為開啟

  4. 調整下列設定:

    • 顏色 (奇數列):設定奇數列的文字顏色。

    • 背景 (奇數列):設定奇數列的背景顏色。

    • 顏色 (偶數列):設定偶數列的文字顏色。

    • 背景 (偶數列):設定偶數列的背景顏色。

此頁面是否對您有幫助?

若您發現此頁面或其內容有任何問題——錯字、遺漏步驟或技術錯誤——請告知我們!