圖表樣式

區(qū)域熱力層是3D平面地圖（v3.x版本）的子組件，支持獨立的樣式、數(shù)據(jù)和交互配置，包括區(qū)域的圖形、標簽和交互等信息，能夠以熱力區(qū)域的形式表現(xiàn)地理位置上的區(qū)域信息。

樣式面板

• 搜索配置：單擊樣式面板右上角的搜索配置項圖標，可在搜索配置面板中輸入您需要搜索的配置項名稱，快速定位到該配置項，系統(tǒng)支持模糊匹配。詳情請參見搜索配置項。

• 通用：設置區(qū)域熱力層的通用配置參數(shù)項。

  參數(shù)	說明
  不透明度	設置區(qū)域熱力層的不透明度值，取值范圍為0~100，單位%。數(shù)值越大熱力層樣式越不透明。

• 圖形：設置區(qū)域熱力層的圖形配置樣式參數(shù)項。

  參數(shù)	說明
  填充顏色	數(shù)據(jù)中最大、最小及為空的value值對應區(qū)域的顏色。請參見顏色映射器使用說明，配置不同區(qū)域的映射顏色樣式。
  填充紋理	單擊填充紋理左側的圖標，可控制區(qū)域塊的填充紋理樣式顯隱。 紋理形狀：區(qū)域紋理的形狀樣式，請參見形狀映射器使用說明，配置不同區(qū)域的填充紋理的映射形狀樣式。 紋理顏色：請參見顏色映射器使用說明，配置不同區(qū)域的紋理映射顏色樣式。 平鋪尺寸：區(qū)域紋理的平鋪尺寸樣式，包括調(diào)整紋理的寬度值和高度值，取值范圍5~100，單位px。
  描邊樣式	區(qū)域熱力層各區(qū)域邊線的顏色和粗細。單擊描邊樣式左側的圖標，可控制描邊樣式的顯隱。
  文字標注	單擊文字標注左側的圖標，可控制文字標注樣式的顯隱。 文本樣式：區(qū)域內(nèi)文本的字體樣式、文字的粗細、字號的大小以及字體的顏色。 文本描邊：打開開關，設置文本描邊的粗細及顏色。 文本陰影：打開開關，設置區(qū)域文本的陰影顏色、陰影模糊度、在X方向和Y方向的偏移量。

• 標簽：設置區(qū)域熱力層的區(qū)域的標簽配置項參數(shù)。

  • 顯示標簽：區(qū)域的標簽樣式，單擊顯示標簽左側的圖標，可控制顯示標簽的顯隱。

  • 顯示方式：區(qū)域標簽的顯示方式，可選全顯和點擊。

  • 內(nèi)容樣式：區(qū)域標簽的內(nèi)容樣式參數(shù)配置項。

    參數(shù)	說明
    每行樣式	單擊每行樣式右側的或圖標，添加或刪除一個每行內(nèi)容樣式。 單擊或圖標配置多個每行內(nèi)容樣式的排列方式。單擊圖標，即可復制當前選中內(nèi)容樣式配置內(nèi)容并新增一個同樣配置的每行內(nèi)容。 行字段：行內(nèi)容的字段名稱，需要和數(shù)據(jù)面板中的字段相匹配。 字段樣式：設置行字段樣式，包括字段的字體樣式、字號大小、顏色和粗細值。 字段前綴：設置字段前綴的具體內(nèi)容 、內(nèi)容間隔值、字體、字號大小、顏色和粗細值。單擊字段前綴左側的圖標，可控制字段前綴樣式的顯隱。 字段后綴：設置字段后綴的具體內(nèi)容 、內(nèi)容間隔值、字體、字號大小、顏色和粗細值。單擊字段后綴左側的圖標，可控制字段后綴樣式的顯隱。
    字段寬度	區(qū)域標簽的顯示字段的寬度樣式，包括字段的適應類型方式，可選自適應或固定寬度，并根據(jù)適應類型設置字段寬度的值，單位px。
    行高比例	區(qū)域標簽的行高比例值，取值范圍為1~2。
    內(nèi)容描邊	區(qū)域標簽的內(nèi)容描邊樣式，包括設置描邊的顏色和描邊粗細值，單擊內(nèi)容描邊左側的圖標，可控制內(nèi)容描邊的顯隱。
    內(nèi)容陰影	區(qū)域標簽的內(nèi)容陰影樣式，包括設置陰影的顏色、陰影模糊值和陰影偏移度在x和y方向上的值，單擊內(nèi)容陰影左側的圖標，可控制內(nèi)容陰影的顯隱。

  • 背景樣式：設置區(qū)域標簽的背景樣式參數(shù)，單擊背景樣式左側的圖標，可控制背景樣式的顯隱。

    參數(shù)	說明
    背景類型	標簽背景的類型，可選矢量和圖片。
    背景顏色	設置標簽的背景顏色，僅在背景類型選擇矢量時可配置。
    邊框樣式	設置標簽邊框的樣式，包括邊框的線類型，線寬的值和顏色。僅在背景類型選擇矢量時可配置。
    邊框圓角	設置標簽邊框的圓角在四個方向的值，單位px。僅在背景類型選擇矢量時可配置。
    圖片模板	選擇背景圖片的模板樣式，僅在圖片模板選擇圖片時可配置。
    不透明度	設置背景圖片的不透明度值，取值范圍為0~100，僅在圖片模板選擇圖片時可配置。
    內(nèi)容邊距	設置標簽中的內(nèi)容距離上下左右四個方向的邊距值。

• 交互：區(qū)域熱力層的交互配置項。

  • 圖形交互：單擊圖形交互左側的圖標，可控制圖形交互的顯隱。

    支持多選：打開開關，支持多選交互效果；關閉開關，不支持多選。

  • 點擊樣式：單擊點擊樣式左側的圖標，可控制點擊樣式的顯隱。

    填充顏色：設置單擊時區(qū)域熱力層的填充顏色。

• 條件：條件樣式說明。

  條件樣式：單擊右側的或圖標，添加或刪除一個條件樣式。 單擊或圖標配置多個條件樣式的排列樣式。單擊圖標，即可復制當前選中條件樣式配置內(nèi)容并新增一個同樣配置的條件樣式。具體樣式配置說明，請參見條件樹使用說明。

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

  參數(shù)	說明
  填充顏色	單擊填充顏色左側的圖標，可控制該條件下的區(qū)域填充顏色的顯隱。
  填充紋理	單擊填充紋理左側的圖標，可控制該條件下的區(qū)域的填充紋理樣式顯隱。 紋理形狀：單擊紋理形狀左側的圖標，可控制該條件下的區(qū)域的紋理形狀樣式的顯隱。 紋理顏色：單擊紋理顏色左側的圖標，可控制該條件下的區(qū)域的紋理顏色的顯隱。 平鋪尺寸：單擊平鋪尺寸左側的圖標，可控制該條件下的區(qū)域的平鋪尺寸樣式的顯隱。包括可調(diào)整紋理的寬度值和高度值，單位px。

數(shù)據(jù)源面板

高級面板

打開開關，開啟組件交互功能。單擊某個區(qū)域或取消選中區(qū)域時，觸發(fā)數(shù)據(jù)請求，拋出臨時變量，實現(xiàn)在單擊某個區(qū)域或取消選中某個區(qū)域時，動態(tài)加載不同區(qū)域的數(shù)據(jù)。默認拋出所單擊區(qū)域的adcode值，具體配置請參見組件交互配置。

藍圖交互

1. 單擊頁面左上角的圖標，進入藍圖頁面。

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

3. 查看藍圖配置參數(shù)。

   • 事件

     事件	說明
     當數(shù)據(jù)接口請求完成時	數(shù)據(jù)接口請求返回并經(jīng)過過濾器處理后拋出的事件，同時拋出處理后的JSON格式的數(shù)據(jù)。具體數(shù)據(jù)示例請參見畫布編輯器中組件右側配置面板數(shù)據(jù)源頁簽的數(shù)據(jù)響應結果區(qū)域。
     點擊區(qū)域時	當單擊區(qū)域熱力層某一塊區(qū)域時拋出。
     取消選中區(qū)域時	當取消選中熱力層某一塊區(qū)域時拋出。

   • 動作

     動作	說明
     導入數(shù)據(jù)接口	按組件繪制格式處理數(shù)據(jù)后，導入組件，重新繪制。不需要重新請求服務端數(shù)據(jù)。具體數(shù)據(jù)示例請參見畫布編輯器中組件右側配置面板數(shù)據(jù)源頁簽的數(shù)據(jù)響應結果區(qū)域。
     請求數(shù)據(jù)接口	重新請求服務端數(shù)據(jù)，上游數(shù)據(jù)處理節(jié)點或圖層節(jié)點拋出的數(shù)據(jù)將作為參數(shù)。例如區(qū)域熱力層配置了API數(shù)據(jù)源為https://api.test，傳到請求數(shù)據(jù)接口動作的數(shù)據(jù)為{ id: '1'}，則最終請求接口為https://api.test?id=1。
     切換顯隱	切換組件顯示或者隱藏，不需要參數(shù)。
     顯示	顯示組件，參考數(shù)據(jù)示例。 { "animationType": "",//動畫方式，可選值：fade，不填無動畫。 "animationDuration": 1000,//動畫延遲，單位ms。 "animationEasing": ""http://動畫曲線 }
     隱藏	隱藏組件，參考數(shù)據(jù)示例。 { "animationType": "",//動畫方式，可選值：fade，不填無動畫。 "animationDuration": 1000,//動畫延遲，單位ms。 "animationEasing": ""http://動畫曲線 }
     更新組件配置	動態(tài)更新組件的樣式配置。需要先在組件的樣式面板中，單擊復制配置到剪貼板，獲取組件配置數(shù)據(jù)。再根據(jù)需要在藍圖編輯器配置頁面的數(shù)據(jù)處理節(jié)點中更改對應樣式的字段值。