使用流程

1. 登錄DataV控制臺(tái)。

2. 在工作臺(tái)頁面，使用模板創(chuàng)建PC端看板或者單擊一個(gè)已有數(shù)據(jù)看板的編輯按鈕。

3. 進(jìn)入畫布編輯器頁面，單擊編輯器頁面上方的美化圖標(biāo)。

4. 單擊一鍵美化前的圖標(biāo)，啟用美化功能。

   說明

   當(dāng)一鍵美化功能界面顯示功能未啟用時(shí)，您可以選擇單擊圖標(biāo)或頁面內(nèi)的快速開啟啟用該功能。

5. 在一鍵美化管理頁面，配置數(shù)據(jù)看板的整體的樣式和布局，詳情請(qǐng)參見模塊配置。

6. 在畫布中預(yù)覽一鍵美化效果，滿意后，單擊右下方的確認(rèn)應(yīng)用。

   重要

   應(yīng)用效果將覆蓋原有數(shù)據(jù)看板的配置，并可能對(duì)其內(nèi)部組件進(jìn)行更改操作，請(qǐng)確定后再進(jìn)行操作。

7. 數(shù)據(jù)看板一鍵美化功能配置完成后，可預(yù)覽并發(fā)布數(shù)據(jù)看板，在線展示數(shù)據(jù)看板的一鍵美化效果。

模塊配置

一鍵美化頁面提供了選擇系統(tǒng)內(nèi)置的多個(gè)配置項(xiàng)。在一鍵美化頁面，您可以設(shè)置以下配置項(xiàng)。

• 整體樣式：在整體樣式處，單擊樣式列表中的圖標(biāo)，選擇一個(gè)樣式作為數(shù)據(jù)看板的整體樣式，單擊空白處即可完成樣式添加。

  說明

  • 當(dāng)前整體樣式可選20種。

  • 更改整體樣式將會(huì)覆蓋并替換之前的整體樣式效果。

  

  • 大標(biāo)題：數(shù)據(jù)看板內(nèi)視覺組的大標(biāo)題樣式，單擊圖標(biāo)可取消或應(yīng)用大標(biāo)題樣式。

    參數(shù)	說明
    副標(biāo)題	打開開關(guān)，開啟大標(biāo)題內(nèi)副標(biāo)題的樣式；關(guān)閉開關(guān)，關(guān)閉副標(biāo)題。
    文本對(duì)齊方式	大標(biāo)題內(nèi)文本的對(duì)齊方式，可選默認(rèn)對(duì)齊、左對(duì)齊、居中對(duì)齊和右對(duì)齊。

  • 二級(jí)標(biāo)題：數(shù)據(jù)看板內(nèi)視覺組的二級(jí)標(biāo)題樣式，單擊圖標(biāo)可取消或應(yīng)用二級(jí)標(biāo)題樣式。

    參數(shù)	說明
    副標(biāo)題	打開開關(guān)，開啟二級(jí)標(biāo)題內(nèi)副標(biāo)題的樣式；關(guān)閉開關(guān)，關(guān)閉副標(biāo)題。
    文本對(duì)齊方式	二級(jí)標(biāo)題內(nèi)文本的對(duì)齊方式，可選默認(rèn)對(duì)齊、左對(duì)齊、居中對(duì)齊和右對(duì)齊。
    排除類型	選中被排除的組件類型，該類組件無法配置二級(jí)標(biāo)題樣式，可選擇排除地圖和數(shù)字翻牌器兩類組件；不選中組件，數(shù)據(jù)看板內(nèi)所有組件統(tǒng)一配置二級(jí)標(biāo)題樣式。 說明 除地圖和數(shù)字翻牌器組件類別以外的組件都必須統(tǒng)一選擇是否開啟二級(jí)標(biāo)題樣式。

  • 二級(jí)背景：數(shù)據(jù)看板內(nèi)視覺組的二級(jí)背景樣式，單擊圖標(biāo)可取消或應(yīng)用二級(jí)背景樣式。

    排除類型：選中被排除的組件類型，該類組件無法配置二級(jí)背景樣式，可選擇排除地圖和數(shù)字翻牌器兩類組件；不選中組件，數(shù)據(jù)看板內(nèi)所有組件統(tǒng)一配置二級(jí)背景樣式。

    說明

    除地圖和數(shù)字翻牌器組件類別以外的組件都必須統(tǒng)一選擇是否開啟二級(jí)背景樣式。

• 布局設(shè)置：設(shè)置數(shù)據(jù)看板內(nèi)視覺組的整體布局的樣式。

  • 邊距：數(shù)據(jù)看板內(nèi)視覺組多種邊距樣式。

    參數(shù)	說明
    屏內(nèi)邊距	數(shù)據(jù)看板內(nèi)視覺組與畫布四周的邊距值。
    組外邊距	數(shù)據(jù)看板內(nèi)視覺組之間的距離。
    組內(nèi)邊距	組件與視覺組邊框的距離。

  • 對(duì)齊閾值：對(duì)齊閾值主要用于優(yōu)化頁面布局，調(diào)整此處參數(shù)使得組件間的對(duì)齊關(guān)系更加明顯。

    參數(shù)	說明
    區(qū)域范圍-X或Y	X或Y方向的合并閾值，主要用于視覺參考線的合并。 說明 當(dāng)數(shù)據(jù)看板中存在兩條獨(dú)立的視覺參考線而導(dǎo)致組件間存在大面積間距時(shí)，可以使用該參數(shù)進(jìn)行調(diào)整。
    吸附范圍-X或Y	X或Y方向的吸附閾值，主要用于組件吸附視覺參考線的閾值。 說明 當(dāng)組件附近存在明顯的視覺參考線，但組件卻沒有對(duì)齊時(shí)，使用該參數(shù)進(jìn)行調(diào)整。

  • 維持原組：一鍵美化在對(duì)數(shù)據(jù)看板進(jìn)行布局優(yōu)化時(shí)，默認(rèn)不考慮應(yīng)用內(nèi)組件的成組結(jié)構(gòu)。打開開關(guān)時(shí)，布局優(yōu)化時(shí)會(huì)將數(shù)據(jù)看板內(nèi)已成組的組件作為一個(gè)獨(dú)立的視覺組進(jìn)行編組。當(dāng)需要將多個(gè)組件使用一個(gè)視覺組呈現(xiàn)時(shí)，可以將多個(gè)組件和一個(gè)標(biāo)題手動(dòng)編組，并打開此功能開關(guān)。

一鍵美化功能示例

一鍵美化前 一鍵美化選擇（整體樣式）后的默認(rèn)狀態(tài) 調(diào)整（將區(qū)域范圍-X從100px調(diào)整為163px）參數(shù)后的狀態(tài)調(diào)整（將區(qū)域范圍-Y從100px調(diào)整為159px）參數(shù)后的狀態(tài) 調(diào)整（將吸附范圍-X從100px調(diào)整為116px）參數(shù)后的狀態(tài)調(diào)整（將吸附范圍-Y從100px調(diào)整為229px）參數(shù)后的狀態(tài)