設定直表樣式 | Qlik Cloud 說明
跳到主要內容 跳至補充內容

設定直表樣式

有許多樣式屬性可用於自訂直表的外觀和風格。設定樣式有助於反映組織的調色盤、協助分析並提高可讀性。

如需有關調整直表外觀其他方面的資訊,請參閱 自訂直式表格外觀和導覽

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

設定文字樣式

直表是基於文字的視覺化,因此可以透過許多不同方式設定文字樣式:

圖層級文字樣式

  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. 若要為標頭儲存格文字著色,請在 標頭 下的 文字顏色運算式 下方輸入運算式。按一下 開啟運算式編輯器 可開啟運算式編輯器。

  3. 若要為內容儲存格文字著色,請在 內容 下的 文字顏色運算式 下方輸入運算式。按一下 開啟運算式編輯器 可開啟運算式編輯器。

文字對齊和欄寬

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

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

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

  • 自動

  • 配合內容

  • 像素

  • 百分比

列層級文字樣式

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

自訂背景

可以在各個層級設定背景樣式:

圖層級背景樣式

您可以自訂圖的背景。可以透過顏色和影像設定背景。

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

  2. 外觀簡報 下,按一下 調色盤樣式

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

    資訊備註

    若要從 URL 新增背景影像,需要將 URL 的來源新增至租用戶內容安全原則的允許清單中。必須使用下列 指示詞 新增來源:img-src。這由 租用戶管理員 完成。

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

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

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

  4. 索引標籤上,自訂下列元素的背景顏色:

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

    • 維度值

    • 量值

    • 量值標籤

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

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

    • Null 值

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

欄和儲存格層級背景樣式

您可以使用運算式來定義每一欄的標頭和內容儲存格的背景顏色。 如果您使用運算式設定欄的背景樣式,此運算式將覆寫應用程式佈景主題,以及套用至該欄視覺化的任何自訂樣式。 如果您尚未設定文字顏色,文字將自動成為您所選背景顏色的高對比顏色。

  1. 資料 下,選取一欄並在屬性中開啟 簡報

  2. 若要為欄的標頭儲存格背景著色,請在 標頭 下的 背景顏色運算式 下,輸入運算式。按一下 開啟運算式編輯器 以開啟運算式編輯器。

  3. 若要為欄的內容儲存格背景著色,請在 內容 下的 背景顏色運算式 下,輸入運算式。按一下 開啟運算式編輯器 以開啟運算式編輯器。

列層級背景樣式

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

自訂格線

您可以自訂表格格線。

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

  2. 外觀簡報 下,按一下 調色盤樣式

  3. 索引標籤上,使用下列元素自訂格線:

    • 列高:以行為單位設定列的高度。

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

    • 分隔線:設定分隔表格標頭和主體的分隔線顏色。

自訂暫留行為

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

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

  2. 外觀簡報 下,按一下 調色盤樣式

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

    • 若要在使用者將滑鼠游標暫留在表格中的列上時反白顯示這些列,請將開關設定為 開啟。根據偏好關閉此行為。

    • 列暫留顏色:設定當使用者將滑鼠游標暫留在列上時反白顯示該列的顏色。

    • 列暫留字型顏色:設定當使用者將滑鼠游標暫留在反白顯示的列上時該列中文字的顏色。

自訂框線和陰影

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

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

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

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

  4. 選取框線色彩。

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

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

套用斑馬紋

透過斑馬紋,您可以為直表新增交替顏色的列。斑馬紋透過增加奇數列和偶數列之間的對比度來提高可讀性。

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

video thumbnail

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

  2. 外觀簡報 下,按一下 調色盤樣式

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

  4. 調整下列設定:

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

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

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

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

此頁面是否對您有幫助?

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