全部產品
Search
文件中心

DataV:配置項說明

更新時間:Nov 20, 2024

本文對DataV組件面板中的組件配置項進行了概括性說明,協助您快速瞭解各組件的通用屬性、快速配置、組件大量設定等功能,非通用屬性請參見對應組件的文檔進行配置。

配置面板

選擇DataV服務中的某個資料看板,單擊畫布中的某一個組件,畫布右側會出現配置項面板。包括樣式資料來源進階三個標籤頁。image.png

  • 樣式面板中,您可以配置適用於所有組件的通用屬性:包括尺寸定位旋轉不透明度。配置方法請參見下文的通用屬性,其他屬性樣式對每個組件來說都是不同的,配置方法請參見各組件的配置文檔。

    說明
    • 當您在組件樣式的配置過程中涉及到非資料視覺映射類顏色相關的配置項時,請參見顏色選取器進行配置。

    • 當您在組件樣式的配置過程中涉及到資料視覺映射類顏色相關的配置項時,請參見顏色映射器使用說明進行配置。

  • 資料來源面板中,您可以切換資料來源類型、切換編輯樣式(可視化編輯代碼編輯)、設定資料對應、複製資料、全屏編輯資料,其中切換編輯樣式複製資料全屏編輯資料適用於所有的組件,配置方法請參見下文的複製資料全屏編輯資料image.png

  • 進階面板中,您可以配置各組件之間的和組件與全域變數之間的互動事件,配置方法請參見組件互動配置image

基礎屬性

在組件樣式面板選擇基礎時,顯示當前組件的基礎屬性配置項。以柱狀圖為例。image.png

說明

不同組件,其基礎屬性中包含的配置項不同。

快速樣式

當組件選擇基礎屬性時,會顯示快速樣式配置項,以柱狀圖為例。image.png

說明

後續會不斷更新更多組件支援快速樣式配置項,敬請期待。

快速配置

說明

快速配置功能為7.0版本產品新增功能,請根據新版控制台環境進行操作。

在選擇基礎屬性時,圖表類組件將展示圖表的快速配置功能。

  • 圖表顏色:您可以通過選擇不同的圖表顏色,快速配置當前圖表的顯示顏色。

  • 圖表文字:您可以通過簡單選擇,快速設定圖表中文字的字型、字型大小、文字粗細和文字顏色(暗色和亮色)。

  • 圖表資訊:您可以選擇簡單通用詳細,系統會快速幫您設定當前圖表的最佳顯示樣式,下方的配置項也會動態改變。

全量屬性

在組件樣式面板選擇全量時,系統會顯示當前組件上的所有配置項。以柱狀圖為例。image.png

說明

不同組件,其全量屬性中包含的配置項不同。

搜尋配置項

通過搜尋配置項功能,您可以快速定位到組件的對應配置項,在搜尋配置頁面直接修改配置樣式,也可以複用同類型的配置樣式。

  1. 登入DataV控制台

  2. 工作台頁面,選擇任一資料看板,單擊編輯,進入畫布編輯器頁面。

  3. 單擊左側導覽列的組件庫頁簽,選擇任一組件添加至畫布中。

  4. 單擊右側配置面板的搜尋配置項image.png

  5. 在搜尋配置頁面下方的輸入框內,輸入配置項的名稱。輸入完成後按Enter鍵,系統會自動搜尋合格配置項內容(支援模糊比對),並顯示在當前搜尋網頁面內。image.png

  6. 在搜尋配置顯示配置項的列表中,您還可以修改和複製配置樣式、定位跳轉到配置項。

    • 單擊選中某個配置項,修改配置樣式。image.png

      修改完成後的配置會直接應用到資料看板中對應的組件上。

    • 按右鍵某個配置,選擇複製樣式,可複製組件的配置樣式;按右鍵一個或按住shift鍵多次單擊選中幾個同類型的配置項,選擇粘貼樣式,可將複製的樣式應用到配置項中。image.png

    • 單擊某個配置項的目錄欄或者左側的image.png表徵圖,可跳轉定位到該配置項所在配置面板中的具體位置。image.png

通用屬性

通用屬性模組中,您可以調整組件的尺寸、定位、旋轉角度和不透明度。image

  • 尺寸:包括組件的寬度和高度,單位為px。

  • 定位:包括組件的橫座標縱座標,單位為px。橫座標為組件左上方距離頁面左邊界的像素距離,縱座標為組件左上方距離頁面上邊界的像素距離。

  • 旋轉:以組件的中心為中心點,進行旋轉,單位為度(°)。

    • 手動輸入角度值,控制組件的旋轉角度。

    • 單擊image表徵圖,控制組件左右翻轉樣式。

    • 單擊image表徵圖,控制組件上下翻轉樣式。

  • 不透明度:取值範圍為0~1。當為0時,圖表隱藏;當為1時,圖表全部顯示。預設為1

顏色選取器

您可以使用顏色選取器設定組件的字型顏色、軸線顏色、網格線顏色、邊框顏色等。以畫布顏色為例,您可以通過以下3種方式調整畫布顏色。

  • 單擊常用色塊表徵圖,選擇一個顏色。image

    常用色塊功能可以協助您快速選擇系統中內建的常用顏色,簡單方便,可高效修改相應顏色。

  • 單擊拾色器表徵圖,可以看到有3種填充樣式。

    • 純色填充:選取顏色、調節顏色透明度、添加或刪除全域色板,也可以選擇最近使用的顏色。image

    • 漸層填充:選取漸層顏色、調節顏色透明度、添加或刪除全域色板,也可以選擇最近使用的顏色。image

    • 圖案填充:輸入圖案URL選取圖案、更改上傳本地圖案、調節圖案顯示格式、儲存我的圖案或使用推薦圖案。image

  • 通用顏色設定

    • 調整字型顏色透明度:拖動透明度滑塊,或者修改A值,調整顏色透明度。

    • 添加或刪除全域顏色:在顏色選擇框中選擇需要添加的顏色,單擊全域色板下方的image.png表徵圖,可將使用中色彩添加為全域顏色;滑鼠移至已添加的全域顏色上,單擊拖動至全域色板地區以外,可刪除該全域顏色。

      說明
      • 通過全域色板選取過的顏色可跨越整個資料看板,存在於在各個看板和組件的最近使用欄中,方便您再次使用。

      • 全域色板最多可以建立27個。

    • 選擇最近使用顏色:系統會自動記錄您最近使用的顏色,展示在最近使用模組中。當您需要使用同樣的顏色時,可單擊該顏色色塊,將其應用到組件上。

    • 儲存我的圖案:將當前背景圖案儲存到我的圖案中,單擊我的圖案下的具體圖案會直接更換當前圖案。

複製資料

資料來源頁簽下,切換至代碼編輯模式,單擊右下角的image表徵圖,即可複製當前資料編輯框內的所有資料。image

全屏編輯資料

資料來源頁簽下,切換至代碼編輯模式,單擊右下角的全屏表徵圖,即可全螢幕顯示當前資料框內的資料,並可以使用全螢幕模式編輯當前資料。image

大量設定

選中多個組件後,在右側面板可以做如下大量設定。image

  • 序號1:當選中任意組件時顯示。

    • 對齊:設定多個組件的對齊,包括但不限於靠左對齊、置中對齊、靠右對齊、頂部對齊、水平對齊、底部對齊。

    • 均分方式:設定多個組件的均分方式,包括水平均分和豎直均分。

    • 對象位置:設定多個組件左上方頂點相對於畫布的位置。

    • 對象尺寸:設定多個組件的寬度和高度值。

  • 序號2:當所有選中的組件都支援快捷配置時顯示。具體支援快捷配置的組件請參見快捷配置組件列表

    • 圖表顏色:設定多個組件的圖表顏色。

    • 圖表文字:設定多個組件的圖表文字的字型、字型粗細、字型大小和顏色。

    • 圖表資訊:設定多個組件的圖表資訊類型,包括簡單、通用和詳細。

  • 序號3:即統一樣式,當所有選中的組件類型相同且所有組件大版本號碼一致時才出現。例如,兩個都是區間柱狀圖且均是5.x版本,即可大量設定。imageimage

相關文檔

更多配置項的常見問題,請參見配置項常見問題