Quick BI：主題設計

前提條件

您已登入Quick BI控制台並進入儀表板編輯頁面。請參見建立儀表板。

操作步驟

1. 在儀表板編輯頁面，單擊頂部功能表列的版面設定。

   

   支援單擊表徵圖展開或收合版面設定面板。

   

2. 在版面設定的主題頁簽，設定儀表板主題模板、全域樣式、頁面配置等配置項。

   

   當您需要快速尋找定位到某個配置項時，可以在頂部搜尋方塊中進行關鍵字查詢，將展示配置選項。

   

   當您需要一鍵收合所有配置類別項時，單擊搜尋方塊右側的表徵圖，選擇收合所有類別即可完成操作。

   

3. 配置參數如下：

• 在儀表板主題地區，選擇主題模板。

  • 官方主題：支援預設、深藍、星空、科技、活動、簡約、靛藍。

  • 自訂佈景主題：您可以選擇已有的自訂佈景主題。

    

    組織管理員可以單擊自訂，進入主旨管理員頁，進行自訂佈景主題模板的管理。

    

    說明

    Quick BI專業版支援自訂儀表板的主題：

    • 如果您是組織管理員，可以選擇官方推薦主題或新增自訂佈景主題。

    • 如果您是非組織管理員，可以選擇官方推薦主題或已經存在的自訂佈景主題，不能新增自訂佈景主題。

• 在全域樣式中，設定主題的全域樣式。

  圖表配置項	配置項說明
  主題模式	支援淺色模式和深色模式。 選用淺色模式時，儀表板背景色為白色。 預設皮膚為淺色模式。 選用深色模式時，儀表板背景色為黑色。
  圖表色系	支援系統配置模板色系以及自訂色系。 當選擇圖表色系為模板色系時，您可以在下拉式清單中選擇色系。 例如，色系選擇為進階灰調，切換後圖表如下所示。 當選擇圖表色系為自訂時，您可以修改每一個色塊的顏色。 說明 漸層色彩樣式作用於指示類、趨勢類以及比較類圖表。
  頁面字型	配置圖表頁面字型類型。
  卡片圓角	配置圖表卡片邊角弧度，支援無圓角、小圓角或大圓角。
  間距	支援緊湊、常規和自訂三種方式。
  卡片間間距	僅在間距選擇自訂方式下可以設定，調整卡片行間距以及列間距。
  卡片內邊距	僅在間距選擇自訂方式下可以設定，調整卡片內上下左右邊的距離。

• 在頁面配置地區，配置以下參數。

  圖表配置項	配置項說明
  頁面資訊	支援配置頁面標題區內容、故事大綱、頁尾內容。
  頁面背景	配置背景顏色，支援純色、漸層兩種方式，選擇是否疊加背景圖片。
  頁面寬度	支援自適應、固定兩種方式。 說明 選擇固定方式時，需要設定頁面邊界左右像素大小，設定完成後頁面邊界設定時左右邊距固定不可調整。
  頁面邊界	支援選擇常規、超寬頁面和自訂三種方式。

• 在儀表板背景地區，配置以下參數。

  圖表配置項	配置項說明
  頂部圖片和底部圖片	選擇圖片時，您可以選擇已有圖片或自訂圖片。 說明 選擇自訂圖片時，可以選擇上傳本地圖片或則通過靶心圖表片的連結上傳。

• 在儀表板組件地區，配置以下參數。

  

  圖表配置項		配置項說明
  標題	文本	設定圖表標題的字型大小和對齊。
  	分割線	設定標題分割線顏色、寬度大小。
  	自訂標題背景	支援配置標題的背景及標題區位置。 選擇單色時，您可以配置背景顏色。 選擇漸層時，您可以配置漸層配色和漸層角度。 選擇疊加背景圖片時，您可以選擇使用素材或自訂圖片。 說明 選擇自訂圖片時，可以選擇上傳本地圖片或者通過靶心圖表片的連結上傳。 標題區位置支援圖表內部、圖表邊緣和圖表上方。
  	狀態icon	您可以在此設定狀態icon懸停顯示或始終顯示並設定狀態icon的顏色。
  	預覽態下，隱藏更多操作入口	您勾選該配置項後，在預覽態頁面，將隱藏更多操作的選擇入口。
  背景樣式	填充	設定背景是否顯示填充顏色。
  	疊加背景圖片	為圖表背景疊加圖片素材或自訂圖片。
  	邊框	設定背景是否顯示邊框以及邊框顏色。
  	顯示陰影	設定背景是否顯示陰影。
  空資料樣式	文案內容	支援自訂空資料內的文案提示標語，預設提示：資料返回為空白。
  	表徵圖樣式	支援自訂設定空資料表徵圖樣式。 說明 選擇自訂圖片時，可以選擇上傳本地圖片或者通過靶心圖表片的連結上傳。
  	跳轉連結	跳轉連結配置後，點擊表徵圖或文案，可跳轉連結地址。

• 在通用內容樣式地區，配置以下參數。

  圖表配置項		配置項說明
  圖類樣式	軸標題	設定軸標題字型大小、顏色樣式等。
  	軸標籤	設定軸標籤字型大小、顏色樣式等。
  	資料標籤	設定資料標籤字型大小、顏色樣式等。
  	工具提示	設定工具提示字型大小、顏色樣式等。
  	圖例	設定圖例字型大小、顏色樣式等。
  表類樣式	樣式設定	您可以在此設定樣式，支援斑馬線、線框、簡版、極簡四種樣式。
  	主色系	您可以在此設定主色系，支援主題色、灰色、自訂三種色系。
  	表頭	設定表頭字型大小、顏色等。
  	內容	設定內容字型大小、顏色等。

• 在TAB組件區，配置以下參數。

  表徵圖配置項	配置項說明
  TAB選中樣式	您可以在此設定TAB選中樣式，支援底線、分割線、選中塊三種樣式。
  Tab標籤樣式	您可以在此設定tab標籤字型大小大小、預設態樣式、選中態樣式。
  顯示TAB內部可視化卡片邊框	設定是否顯示TAB內部可視化卡片邊框，支援選擇顏色。

• 在查詢控制項區，配置以下參數。

  

  表徵圖配置項	配置項說明
  邊框	設定是否顯示查詢控制項邊框，支援選擇顏色。
  互動按鈕	支援設定互動按鈕顏色。
  按鈕圓角	支援設定互動按鈕圓角。
  條件間距	支援設定條件間距。
  條件名稱	支援設定條件名稱的文本樣式。
  選框風格	支援設定選框風格。
  背景色	支援設定選框的背景色。
  邊框	支援設定選框的粗細和顏色。
  圓角	支援設定選框的圓角。
  文本	支援設定選框的文本顏色和字型大小。

  說明

  查詢控制項區的配置項對全域的控制項生效，但單個查詢控制項設定了自訂的樣式配置，此處的配置將失效。例如，查詢控制項區的選框風格為填充，但查詢控制項A在樣式裡的選框風格為線框，此時，查詢控制項A的選框風格即為線框，查詢控制項區選框風格的配置項對查詢控制項A失效。

• 配置完成後，單擊儲存。