DataV：表徵圖散點層（v4.x版本）

圖表樣式

表徵圖散點層是基礎平面地圖 4.0的子組件，能夠以表徵圖散點的形式表現地理位置上的點資料資訊。表徵圖散點層支援獨立的樣式、資料和互動配置，包括表徵圖散點層的表徵圖配置、系列配置、彈框樣式以及互動配置等。

樣式面板

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

• 通用：設定表徵圖散點層的通用配置項。

  參數	說明
  可見層級	設定表徵圖散點層的可見層級值，在設定的層級範圍內表徵圖散點層可見，層級之外不可見。
  不透明度	設定表徵圖散點層的不透明度值，取值範圍為0~100，單位%，數值越大圖層越不透明。

• 圖形：設定表徵圖散點層的圖形配置項。

  參數	說明
  表徵圖形狀	設定表徵圖的形狀，請參見形狀映射器使用說明，配置不同表徵圖的映射形狀樣式。
  表徵圖尺寸	設定表徵圖的尺寸樣式，包括設定表徵圖的寬度和高度，取值範圍為0~400，單位px。
  相對位置	設定散佈圖標對於散點的相對位置樣式，可選底部和中心。
  相對位移	設定表徵圖從水平方向或者垂直方向的位移量值，取值範圍為-400~400，單位px。

• 標籤：設定表徵圖散點層內標籤的樣式參數。

  參數	說明
  顯示標籤	開啟開關，表徵圖散點層顯示標籤樣式。
  顯示方式	設定表徵圖散點層的標籤顯示方式，可選，包括全顯、點擊和懸浮三種方式。
  相對位置	設定表徵圖散點層的標籤的相對位置樣式，可選，包括左側、中心、右側、頂部和底部。
  相對位移	設定表徵圖散點層的標籤在水平和垂直方向的相對位移值，單位px，取值範圍為-100~100。
  內容樣式	設定表徵圖散點層的標籤的內容樣式。單擊每行樣式右側的或表徵圖，添加或刪除一個每行內容樣式。 單擊或表徵圖配置多個每行內容樣式的相片順序。單擊表徵圖，即可複製當前選中內容樣式配置內容並新增一個同樣配置的每行內容。 列欄位：行內容的欄位名稱，需要和資料面板中的欄位相匹配。 欄位樣式：設定列欄位樣式，包括欄位的字型樣式、字型大小大小、顏色和粗細值。 欄位首碼：設定欄位首碼的具體內容 、內容間隔值、字型、字型大小大小、顏色和粗細值。單擊欄位首碼左側的表徵圖，可控制欄位首碼樣式的顯隱。 欄位尾碼：設定欄位尾碼的具體內容 、內容間隔值、字型、字型大小大小、顏色和粗細值。單擊欄位尾碼左側的表徵圖，可控制欄位尾碼樣式的顯隱。 最大寬度：設定標籤顯示的單行最大寬度，單位為px，欄位內容超出該長度將自動換行顯示。 行高比例：標籤的行高比例值，取值範圍為1~2。 內容描邊：標籤的內容描邊樣式，包括設定描邊的顏色和描邊粗細值，單擊內容描邊左側的表徵圖，可控制內容描邊的顯隱。 內容陰影：標籤的內容陰影樣式，包括設定陰影的顏色、陰影模糊值和陰影位移度在x和y方向上的值，單擊內容陰影左側的表徵圖，可控制內容陰影的顯隱。
  背景樣式	設定表徵圖散點層內標籤的背景樣式參數，單擊背景樣式左側的表徵圖，可控制背景樣式的顯隱。 背景類型：標籤背景的類型，可選向量和圖片。 背景顏色：設定標籤的背景顏色，僅在背景類型選擇向量時可配置。 邊框樣式：設定標籤邊框的樣式，包括邊框的線類型，線寬的值和顏色。僅在背景類型選擇向量時可配置。 邊框圓角：設定標籤邊框的圓角在四個方向的值，單位px。僅在背景類型選擇向量時可配置。 圖片模板：選擇背景圖片的模板樣式，僅在圖片模板選擇圖片時可配置。 不透明度：設定背景圖片的不透明度值，取值範圍為0~100，僅在圖片模板選擇圖片時可配置。 內容邊距：設定標籤中的內容距離上下左右四個方向的邊距值。

• 互動：表徵圖散點層的互動配置項。

  • 圖形互動：在預覽或發佈頁面，單擊表徵圖散點時出現的圖形互動樣式。單擊圖形互動左側的表徵圖，可控制圖形互動的顯隱。

    尺寸縮放：拖動滑塊設定表徵圖散點尺寸縮放的範圍，取值範圍為1~2。

• 條件：條件樣式說明。

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

  圖形：開啟開關，配置該樣式中的圖形配置項；關閉開關，無法配置該樣式下的圖形配置項。

  參數	說明
  表徵圖形狀	設定表徵圖的形狀樣式，可通過表徵圖，確認在符合當前條件時是否應用當前樣式。
  表徵圖尺寸	拖動滑塊設定表徵圖的尺寸值，範圍為0~400，單位為px。可通過表徵圖，確認在符合當前條件時是否應用當前樣式。
  相對位置	設定表徵圖與散點的相對位置樣式，可通過表徵圖，確認在符合當前條件時是否應用當前樣式。
  相對位移	設定表徵圖在水平和垂直方向的相對位移值，取值範圍為-400~400，單位為px，可通過表徵圖，確認在符合當前條件時是否應用當前樣式。

• 自訂彈框樣式：設定表徵圖散點層內自訂彈框的樣式參數。

  參數	說明
  彈框開關	開啟開關，可以通過點擊或懸浮觸發彈框。
  顯示方式	設定表徵圖散點層彈框顯示的方式，可選，包括點擊和懸浮兩種方式。
  相對位移	設定彈窗在水平和垂直方向的相對位移像素距離，取值範圍為-1000~1000，單位px。
  文本樣式	設定彈框內的文本樣式，包括文本的字型樣式、字型大小大小、顏色和文本粗細值。
  顯示空值	開啟開關，在無info欄位或空info欄位對象上可以彈框顯示為“無資料”，關閉開關時，對於無info欄位的資料，互動不會彈出對應的彈框。
  彈框樣式	內邊距：設定彈框文本的內容距離上下左右四個方向的邊距值。 邊框樣式：設定彈框邊框的圓角值、線寬和顏色。 背景顏色：設定彈框的背景顏色。 投影樣式：設定彈框投影的模糊色、模糊半徑、X位移和Y位移。 關閉按鈕：開啟開關，表徵圖散點層的彈框顯示關閉按鈕和按鈕的顏色。 指向箭頭：開啟開關，表徵圖散點層的彈框顯示指向箭頭。

資料來源面板

進階面板

藍圖互動

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

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

3. 查看藍圖配置參數。

   • 事件

     事件	說明
     當資料介面請求完成時	資料介面請求返回並經過過濾器處理後拋出的事件，同時拋出處理後的JSON格式的資料。具體資料樣本請參見畫布編輯器中組件右側配置面板資料來源頁簽的資料響應結果地區。
     當點擊點時	當單擊表徵圖散點層的散點時拋出的事件，同時拋出該散點對應的經緯度資料項目。
     當滑鼠移入時	當滑鼠移入表徵圖散點層的散點時拋出的事件，同時拋出該散點對應的經緯度資料項目。

   • 動作

     動作	說明
     匯入資料介面	按組件繪製格式處理資料後，匯入組件，重新繪製。不需要重新請求服務端資料。具體資料樣本請參見畫布編輯器中組件右側配置面板資料來源頁簽的資料響應結果地區。
     請求資料介面	重新請求服務端資料，上遊資料處理節點或圖層節點拋出的資料將作為參數。例如表徵圖散點層配置了API資料來源為https://api.test，傳到請求資料介面動作的資料為{ id: '1'}，則最終請求介面為https://api.test?id=1。
     切換顯隱	切換組件顯示或者隱藏，不需要參數。
     顯示	顯示組件，參考資料樣本。 { "animationType": "",//動畫方式，可選值：fade，不填無動畫。 "animationDuration": 1000,//動畫延遲，單位ms。 "animationEasing": ""//動畫曲線 }
     隱藏	隱藏組件，參考資料樣本。 { "animationType": "",//動畫方式，可選值：fade，不填無動畫。 "animationDuration": 1000,//動畫延遲，單位ms。 "animationEasing": ""//動畫曲線 }
     更新群組件配置	動態更新組件的樣式配置。需要先在組件的樣式面板中，單擊複製配置到剪貼簿，擷取組件配置資料。再根據需要在藍圖編輯器配置頁面的資料處理節點中更改對應樣式的欄位值。