DataV：詞雲

圖表樣式

詞雲支援自訂文本的內容、顏色、繪製形狀等，支援多系列顏色配置，支援根據權重值對應文字大小，能夠以詞雲的形式在資料看板中展示較多數量的文本。

樣式面板

• 搜尋配置：單擊樣式面板右上方的搜尋配置項表徵圖，可在搜尋配置面板中輸入您需要搜尋的配置項名稱，快速定位到該配置項，系統支援模糊比對。詳情請參見搜尋配置項。

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

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

  • 旋轉：以組件的中心為中心點，進行旋轉，單位為度（°）。

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

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

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

  • 不透明度：取值範圍為0~1。為0時，圖表隱藏；為1時，圖表全部顯示。預設為1。

• 圖形

  參數	說明
  圖表邊距	單擊表徵圖，控製圖表邊距的顯隱。開啟開關後，可配置詞雲地區與組件上下左右四個邊界之間的距離，單位預設px。
  形狀	設定詞條均勻展示在圖片形狀的樣式。可選橢圓、矩形和自訂。 說明 當選擇自訂時，您可以在下方圖形配置項中自訂設定一個圖片URL地址或base64，詞雲中的詞語只渲染圖片的深色部位，淺色的部位如白色地區不渲染詞圖語。當使用圖片的URL地址時，圖片的大小不宜過大，不然圖片載入時間過長。
  顏色	詞雲中詞語的顏色，請參見顏色映射器使用說明配置不同詞語的顏色映射樣式。
  詞語樣式	詞語的樣式，包括詞語的字型樣式、字型粗細、最小字型大小、最大字型大小、詞語距離組件的邊距和是否保持詞語位置不變。

• 動畫：詞雲的動畫效果樣式。

  參數	說明
  動畫開關	開啟開關，可配置詞雲的動畫效果。
  動畫效果	動畫的效果類型，系統提供多種常見的動畫效果供您選擇，包括縮放漸入和划動進入，僅在開啟動畫開關後可配置。
  動畫時間長度	組件動畫效果的期間，單位為ms，僅在開啟動畫開關後可配置。

• 互動：詞雲組件的互動效果樣式。

  • 提示框：在預覽或發佈頁面，滑鼠懸浮或單擊詞語時出現的提示框的樣式，單擊表徵圖可開啟或關閉提示框 。

    參數	說明
    模式	提示框的圖表模式，可選，包括簡潔和通用。
    觸發方式	提示框被觸發的方式，可選，包括懸浮和點擊。
    標題間距	提示框內標題和其他內容之間的距離，單位px。
    提示框標題	提示框標題的文字內容。單擊表徵圖可開啟或關閉提示框標題樣式。
    標題樣式	提示框內標題的樣式，包括標題的字型樣式、文字粗細、字型大小大小和顏色。
    內容顯示	單擊右側的或表徵圖，添加或刪除一個提示框內容顯示系列。 單擊或表徵圖配置多個提示框內容顯示系列的排列樣式。單擊表徵圖，即可複製當前選中提示框內容顯示系列配置內容並新增一個同樣配置的提示框內容顯示系列。 欄位名：提示框內容的欄位名稱，需要和資料面板中的欄位相匹配。 顯示名稱：提示框內容的顯示名稱。 前尾碼：提示框內容的首碼和尾碼。
    數值格式	選擇針對value欄位生效的數值格式。詳情請參見資料顯示格式說明。
    內容間距	提示框中內容之間的距離。
    內容文本	提示框中內容文本的樣式，包括文字字型樣式、文字粗細、字型大小和顏色。
    彈窗背景	提示框的彈窗背景樣式。 背景邊距：提示框彈窗背景在水平和垂直方向的邊距值。 背景顏色：提示框的背景顏色。 邊框樣式：提示框邊框的樣式，包括邊框線的類型、圓角大小、線寬大小和邊框線的顏色。

  • 選中態：當詞語被選中時的狀態樣式，單擊表徵圖可開啟或關閉選中態樣式。

    參數	說明
    觸發方式	詞語被選中觸發的方式，可選，包括懸浮和點擊。
    選中方式	選中詞語的方式，可選，包括單選和多選。
    詞語顏色	詞語被選中狀態下的顏色。單擊表徵圖可開啟或關閉詞語顏色樣式。
    詞語描邊	詞語描邊線的樣式，包括描邊線條的類型、線條的粗細和描邊線的顏色。 說明 當線的類型選擇虛線或點線時，還可以配置線的間斷長度值和每一個間斷線之間的距離。

• 圖例：詞雲的圖例樣式。

  參數	說明
  圖例開關	開啟開關，可配置圖例樣式；關閉開關，無法配置圖例樣式。
  圖例位置	圖例相對於組件起始座標的位置，可選頂部居左、頂部置中、頂部居右、底部居左、底部置中、底部居右、左側居頂、左側置中、左側居底、右側居頂、右側置中和右側居底。
  文本樣式	圖例文本的字型樣式、文字粗細、字型大小和顏色。
  圖表間距	設定圖例和圖表之間的水平間距和垂直間距。
  分類圖例	分類型圖例的樣式。 圖例標記：圖例標記的形狀和尺寸之大小。 圖例間距：不同分類圖例之間在橫向和縱向的距離。 最大寬度：設定圖例的最大寬度，單位為px。 允許翻頁：開啟開關，開啟圖例翻頁功能，可配置圖例數量過多需要翻頁顯示時的頁碼樣式和箭頭樣式；關閉開關，圖例內容全部展示在一頁中，無法翻頁顯示。 最大行數：圖例最大的顯示行數，若超過最大行數，圖例將翻頁顯示。 頁碼樣式：翻頁頁碼的樣式，包括頁碼的字型、文字粗細、字型大小大小和顏色。 箭頭樣式：翻頁樣式內箭頭的尺寸大小、箭頭預設顏色及禁用顏色。

• 條件：資料條件系列樣式說明。

  資料條件系列：單擊右側的或表徵圖，添加或刪除一個條件樣式。 單擊或表徵圖配置多個條件樣式的排列樣式。單擊表徵圖，即可複製當前選中條件樣式配置內容並新增一個同樣配置的條件樣式。具體配置請參見條件樹使用說明。

  圖變顏色：開啟開關，配置該系列條件樣式中的詞語顏色；關閉開關，無法配置該系列條件下的詞語顏色。

資料來源面板

進階面板

藍圖互動

1. 單擊頁面左上方的表徵圖，進入藍圖頁面。

2. 在圖層節點頁簽下，添加當前組件至主畫布中。

3. 查看藍圖配置參數。

   • 事件

     事件	說明
     當資料介面請求完成時	資料介面請求返回並經過過濾器處理後拋出的事件，同時拋出處理後的JSON格式的資料。具體資料樣本請參見畫布編輯器中組件右側配置面板資料來源頁簽的資料響應結果地區。
     當資料項目選中時	當單擊詞雲的詞語時拋出的事件，同時拋出該詞語對應的資料項目，參考資料樣本。 { "name": "一千零一夜", "value": "7.8", "colorField": "熱門" }
     當圖例被點擊時	當單擊詞雲的圖例時拋出的事件，同時拋出該詞語對應的資料項目，參考資料樣本。 { "value": "冷門佳片", "checked": true //是否選中，true/false }

   • 動作

     動作	說明
     匯入資料介面	按組件繪製格式處理資料後，匯入組件，重新繪製。不需要重新請求服務端資料，參考資料樣本。 [ { "name": "一千零一夜", "value": "7.8", "colorField": "熱門" } ]
     請求資料介面	重新請求服務端資料，上遊資料處理節點或圖層節點拋出的資料將作為參數。例如詞雲配置了API資料來源為https://api.test，傳到請求資料介面動作的資料為{ id: '1'}，則最終請求介面為https://api.test?id=1。
     高亮	data：需要高亮的資料項目。 單個高亮 { 'name': '貓和老鼠1992電影版' } 批量高亮 [ { 'name': '太白山脈' }, { 'value': 8.4 } ] style：選中樣式。如：fillStyle、stroke、opacity等；高亮樣式不傳入時，使用預設樣式（配置中選中態的樣式）。 參考資料樣本 { "data": { "name": data.name }, "style": { "fillStyle": "#fff" } }
     重設選擇項	清空重設組件選擇項資料，不需要參數。
     移動	將組件移動到指定位置，參考資料樣本。 { // 移動方式。絕對位置：to，相對定位：by。預設值：to。 "positionType": "to", // 指定位置。x座標，y座標。 "attr": { "x": 0, "y": 0 }, // 動畫方式。 "animation": { "enable": false, // 動畫延時，單位ms。 "animationDuration": 1000, // 動畫曲線。可選值為：linear|easeInOutQuad|easeInOutExpo。 "animationEasing": "linear" } }
     切換顯隱	切換組件顯示或者隱藏，不需要參數。
     顯示	顯示組件，參考資料樣本。 { "animationType": "",//動畫方式，可選值：fade，不填無動畫。 "animationDuration": 1000,//動畫延遲，單位ms。 "animationEasing": ""//動畫曲線 }
     隱藏	隱藏組件，參考資料樣本。 { "animationType": "",//動畫方式，可選值：fade，不填無動畫。 "animationDuration": 1000,//動畫延遲，單位ms。 "animationEasing": ""//動畫曲線 }
     更新群組件配置	動態更新組件的樣式配置。需要先在組件的樣式面板中，單擊複製配置到剪貼簿，擷取組件配置資料。再根據需要在藍圖編輯器配置頁面的資料處理節點中更改對應樣式的欄位值。