圖表樣式

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

快速樣式

區(qū)域熱力層具有快速樣式功能，您可以根據(jù)實(shí)際應(yīng)用場景，選擇不同的樣式。

樣式面板

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

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

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

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

  參數(shù)	說明
  填充顏色	區(qū)域填充顏色通常用于表示數(shù)據(jù)值的高低或密度的大小。請參見顏色映射器使用說明，配置不同區(qū)域的映射顏色樣式。
  填充紋理	單擊填充紋理左側(cè)的圖標(biāo)，可控制區(qū)域塊的填充紋理樣式顯隱。 紋理形狀：在選擇框中選擇或上傳需要使用的區(qū)域紋理樣式。 紋理顏色：請參見顏色映射器使用說明，配置不同區(qū)域的紋理映射顏色樣式。 紋理縮放：區(qū)域紋理樣式在熱力層中的縮放比例，范圍為0.1~50。
  描邊樣式	區(qū)域熱力層各區(qū)域邊線的顏色和粗細(xì)。單擊描邊樣式左側(cè)的圖標(biāo)，可控制描邊樣式的顯隱。

• 交互：通過鼠標(biāo)點(diǎn)擊和懸浮兩種方式，動態(tài)地和區(qū)域熱力層內(nèi)容進(jìn)行互動，增強(qiáng)了地圖的實(shí)用性和用戶體驗(yàn)。

  說明

  動態(tài)交互配置效果僅在預(yù)覽發(fā)布或開啟交互模式時可見。

  參數(shù)	說明
  標(biāo)簽	標(biāo)簽錨點(diǎn)：熱力圖數(shù)據(jù)標(biāo)注或注釋時，確認(rèn)標(biāo)簽的位置，以便清晰地傳達(dá)信息。 相對偏移：設(shè)置圖標(biāo)散點(diǎn)層的標(biāo)簽在水平和垂直方向的相對偏移值，取值范圍為-200~200，單位px。 內(nèi)容樣式：區(qū)域標(biāo)簽的內(nèi)容樣式參數(shù)配置項(xiàng)。 每行樣式：單擊每行樣式右側(cè)的或圖標(biāo)，添加或刪除一個每行內(nèi)容樣式。 單擊或圖標(biāo)配置多個每行內(nèi)容樣式的排列方式。單擊圖標(biāo)，即可復(fù)制當(dāng)前選中內(nèi)容樣式配置內(nèi)容并新增一個同樣配置的每行內(nèi)容。 行字段：行內(nèi)容的字段名稱，需要和數(shù)據(jù)面板中的字段相匹配。 字段樣式：設(shè)置行字段樣式，包括字段的字體樣式、字號大小、顏色和粗細(xì)值。 字段前綴：設(shè)置字段前綴的具體內(nèi)容 、內(nèi)容間隔值、字體、字號大小、顏色和粗細(xì)值。單擊字段前綴左側(cè)的圖標(biāo)，可控制字段前綴樣式的顯隱。 字段后綴：設(shè)置字段后綴的具體內(nèi)容 、內(nèi)容間隔值、字體、字號大小、顏色和粗細(xì)值。單擊字段后綴左側(cè)的圖標(biāo)，可控制字段后綴樣式的顯隱。 最大寬度：區(qū)域標(biāo)簽顯示字段的最大寬度樣式，取值范圍為0~500，單位為px。 文本溢出：文本內(nèi)容超出了指定區(qū)域的邊界，導(dǎo)致顯示不完整或影響整體布局。 切斷：當(dāng)文本內(nèi)容超過區(qū)域的邊界時，隱藏超出的部分，在有限空間內(nèi)提供信息的快速概覽。 換行：當(dāng)文本內(nèi)容超過區(qū)域的邊界時，自動將文本移到下一行以便繼續(xù)完整顯示。 內(nèi)容描邊：區(qū)域標(biāo)簽邊緣添加一層輪廓線，包括設(shè)置描邊的顏色和描邊粗細(xì)值，單擊內(nèi)容描邊左側(cè)的圖標(biāo)，可控制內(nèi)容描邊的顯隱。 內(nèi)容陰影：區(qū)域標(biāo)簽添加一層模糊的陰影，包括設(shè)置陰影的顏色、陰影模糊值和陰影偏移度在x和y方向上的值，單擊內(nèi)容陰影左側(cè)的圖標(biāo)，可控制內(nèi)容陰影的顯隱。 背景樣式：設(shè)置區(qū)域標(biāo)簽的背景樣式參數(shù)，單擊背景樣式左側(cè)的圖標(biāo)，可控制背景樣式的顯隱。 類型：在選擇框中選擇或上傳需要使用的背景樣式。 內(nèi)容邊距：設(shè)置標(biāo)簽中的內(nèi)容距離上下左右四個方向的邊距值。
  區(qū)域樣式	設(shè)置區(qū)域樣式的顏色。單擊區(qū)域樣式左側(cè)的圖標(biāo)，可控制區(qū)域樣式樣式的顯隱。
  描邊動畫	設(shè)置描邊動畫的動畫類型、線粗、線顏色、動畫周期，使邊界看起來更具動態(tài)感。單擊描邊動畫左側(cè)的圖標(biāo)，可控制描邊動畫樣式的顯隱。

• 條件：條件樣式說明，通過條件篩選將滿足條件的區(qū)域配置為特殊顏色。

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

  圖形：打開開關(guān)，配置該條件樣式中的圖形配置項(xiàng)；關(guān)閉開關(guān)，無法配置該樣式下的圖形配置項(xiàng)。

  參數(shù)	說明
  填充顏色	單擊填充顏色左側(cè)的圖標(biāo)，可控制該條件下的區(qū)域填充顏色的顯隱。
  填充紋理	單擊填充紋理左側(cè)的圖標(biāo)，可控制該條件下的區(qū)域的填充紋理樣式顯隱。 紋理形狀：單擊紋理形狀左側(cè)的圖標(biāo)，可控制該條件下區(qū)域的紋理形狀樣式的顯隱。 紋理顏色：單擊紋理顏色左側(cè)的圖標(biāo)，可控制該條件下區(qū)域的紋理顏色的顯隱。 紋理縮放：單擊紋理縮放左側(cè)的圖標(biāo)，可控制該條件下區(qū)域的紋理縮放倍數(shù)，范圍為0.1~50。

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

• 地理邊界geojson數(shù)據(jù)接口：通過配置地理邊界geojson數(shù)據(jù)接口，可將提取到的區(qū)域GeoJSON邊界數(shù)據(jù)應(yīng)用到DataV中，配置方法如下。

  1. 數(shù)據(jù)提取。

     使用GeoJSON行政區(qū)劃邊界提取小工具DataV.GeoAtlas，最低可以提取區(qū)縣級邊界數(shù)據(jù)，提取方法如下。

     • 省級：區(qū)域熱力層默認(rèn)顯示為全國范圍內(nèi)，各個省和直轄市區(qū)域熱力層數(shù)據(jù)，可以直接使用。

     • 地市級：以提取浙江省范圍內(nèi)所有地級市邊界數(shù)據(jù)為例，提取方法如下圖所示。

     • 區(qū)縣級：以提取肇慶市范圍內(nèi)所有區(qū)縣邊界數(shù)據(jù)為例，提取方法如下圖所示。

     • 鄉(xiāng)鎮(zhèn)街道及自定義區(qū)域：鄉(xiāng)鎮(zhèn)街道數(shù)據(jù)需要用戶自己獲取。根據(jù)需要自定義區(qū)域邊界，如中國內(nèi)地可以分為東部地區(qū)、西部地區(qū)、華南地區(qū)、華北地區(qū)、華中地區(qū)五大區(qū)，可以根據(jù)對應(yīng)包含的省級邊界數(shù)據(jù)合并得到。

  2. 數(shù)據(jù)應(yīng)用。

     將提取到的數(shù)據(jù)配置到DataV中，配置方法如下。

     1. 選擇數(shù)據(jù)源頁簽下的地理邊界geojson數(shù)據(jù)接口。

     2. 在設(shè)置數(shù)據(jù)源面板中，選擇數(shù)據(jù)源類型為API。

     3. 將提取到的JSON API粘貼到數(shù)據(jù)輸入?yún)^(qū)。

        上圖中提取到了肇慶市包含子區(qū)域的邊界信息，示例API如下。

        https://geo.datav.aliyun.com/areas/bound/441200_full.json

     4. 發(fā)布大屏項(xiàng)目，可以看到配置的區(qū)域熱力層。

  在數(shù)據(jù)配置的過程中，可能會出現(xiàn)區(qū)域文字標(biāo)注有偏移的問題，解決方法如下。

  • 查看您的區(qū)域熱力層版本，目前可以使用的區(qū)域熱力層組件包括區(qū)域熱力層v1.0.19及以上版本。如果您使用的區(qū)域熱力層版本較低，需要先刪除該層，再重新添加。

  • GeoJSON提取工具中的數(shù)據(jù)已更新，需使用新的GeoJSON數(shù)據(jù)文件。

  • 修改參數(shù)。

    以肇慶市的區(qū)縣級GeoJSON數(shù)據(jù)為例，高要區(qū)文字標(biāo)注有偏移。

    1. 使用DataV.GeoAtlas邊界生成器工具，上傳肇慶市的區(qū)縣級GeoJSON數(shù)據(jù)文件，在屬性表面板中添加customLabelPosition屬性參數(shù)。

       在屬性表面板找到高要區(qū)的參數(shù)，編輯并新增一列customLabelPosition屬性列，添加自定義"customLabelPosition": [112.500801,22.927694]屬性。

       修改屬性 查看修改的屬性

    2. 保存修改后，將GeoJSON文件下載到本地，并將GeoJSON文件上傳到自己的服務(wù)器或者OSS上，生成一個新的API。

    3. 選擇數(shù)據(jù)源頁簽下的地理邊界geojson數(shù)據(jù)接口。

    4. 在設(shè)置數(shù)據(jù)源面板中選擇數(shù)據(jù)源類型為API。

    5. 將修改后新生成的JSON API地址粘貼到數(shù)據(jù)輸入?yún)^(qū)，設(shè)置完成后，高要區(qū)標(biāo)注顯示正常。

• 數(shù)據(jù)接口

  您可以通過配置數(shù)據(jù)接口，自定義區(qū)域熱力層的樣式。區(qū)域熱力層支持?jǐn)?shù)據(jù)優(yōu)先渲染。

  1. 選擇數(shù)據(jù)源頁簽下的數(shù)據(jù)接口。

  2. 在設(shè)置數(shù)據(jù)源面板中選擇數(shù)據(jù)源類型為靜態(tài)數(shù)據(jù)，參數(shù)說明如下。

     字段	說明
     adcode	區(qū)域的adcode編號，可通過DataV.GeoAtlas獲取。 說明 如果需要下鉆到區(qū)域熱力層，則數(shù)據(jù)中必須包含下鉆位置的adcode，如果您沒有配置下鉆區(qū)域?qū)?yīng)的adcode則看不到區(qū)域熱力層。
     name	（可選）地區(qū)的名稱。
     colorField	（可選）地區(qū)的顏色映射字段。
     textureShapeField	（可選）地區(qū)的紋理形狀映射字段。
     textureColorField	（可選）地區(qū)的紋理顏色映射字段。
     value	（可選）地區(qū)的數(shù)據(jù)值映射字段。

高級面板

通過高級面板配置交互事件或關(guān)聯(lián)全局變量，實(shí)現(xiàn)組件之間的聯(lián)動。具體操作請參見組件交互配置。

藍(lán)圖交互

1. 單擊頁面左上角的圖標(biāo)，進(jìn)入藍(lán)圖頁面。

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

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

   說明

   圖層事件和動作的參數(shù)提示信息，可以在畫布右側(cè)的錨點(diǎn)配置中單擊圖標(biāo)查看。

   • 事件

     事件	說明
     當(dāng)屬性數(shù)據(jù)接口更新時	數(shù)據(jù)接口請求返回并經(jīng)過過濾器處理后拋出的事件，同時拋出處理后的JSON格式的數(shù)據(jù)。具體數(shù)據(jù)示例請參見畫布編輯器中組件右側(cè)配置面板數(shù)據(jù)源頁簽的數(shù)據(jù)響應(yīng)結(jié)果區(qū)域。
     當(dāng)屬性數(shù)據(jù)接口請求狀態(tài)變化時	當(dāng)數(shù)據(jù)請求狀態(tài)變化時拋出該事件，回調(diào)參數(shù)為當(dāng)前狀態(tài)，具體數(shù)據(jù)示例請參見畫布編輯器中組件右側(cè)配置面板數(shù)據(jù)源頁簽的數(shù)據(jù)響應(yīng)結(jié)果區(qū)域。
     當(dāng)?shù)乩磉吔?span id="z68uejxpaoma" class="help-letter-space">geojson數(shù)據(jù)接口更新時	地理邊界GeoJSON數(shù)據(jù)接口請求返回并經(jīng)過過濾器處理后拋出的事件，同時拋出處理后的JSON格式的數(shù)據(jù)。具體數(shù)據(jù)示例請參見畫布編輯器中組件右側(cè)配置面板數(shù)據(jù)源頁簽的數(shù)據(jù)響應(yīng)結(jié)果區(qū)域。
     當(dāng)?shù)乩磉吔?span id="z68uejxpaoma" class="help-letter-space">geojson數(shù)據(jù)接口請求狀態(tài)變化時	當(dāng)?shù)乩磉吔?span id="z68uejxpaoma" class="help-letter-space">GeoJSON數(shù)據(jù)請求狀態(tài)變化時拋出該事件，回調(diào)參數(shù)為當(dāng)前狀態(tài)，具體數(shù)據(jù)示例請參見畫布編輯器中組件右側(cè)配置面板數(shù)據(jù)源頁簽的數(shù)據(jù)響應(yīng)結(jié)果區(qū)域。
     當(dāng)內(nèi)置topojson數(shù)據(jù)接口更新時	內(nèi)置TopoJSON數(shù)據(jù)接口請求返回并經(jīng)過過濾器處理后拋出的事件，同時拋出處理后的JSON格式的數(shù)據(jù)。具體數(shù)據(jù)示例請參見畫布編輯器中組件右側(cè)配置面板數(shù)據(jù)源頁簽的數(shù)據(jù)響應(yīng)結(jié)果區(qū)域。
     當(dāng)內(nèi)置topojson數(shù)據(jù)接口請求狀態(tài)變化時	當(dāng)內(nèi)置TopoJSON數(shù)據(jù)請求狀態(tài)變化時拋出該事件，回調(diào)參數(shù)為當(dāng)前狀態(tài)，具體數(shù)據(jù)示例請參見畫布編輯器中組件右側(cè)配置面板數(shù)據(jù)源頁簽的數(shù)據(jù)響應(yīng)結(jié)果區(qū)域。
     當(dāng)點(diǎn)擊區(qū)域時	當(dāng)單擊某一區(qū)域時觸發(fā)事件并拋出數(shù)據(jù)。
     當(dāng)鼠標(biāo)移入?yún)^(qū)域時	當(dāng)鼠標(biāo)移入某一區(qū)域時觸發(fā)事件并拋出數(shù)據(jù)。
     當(dāng)鼠標(biāo)移出區(qū)域時	當(dāng)鼠標(biāo)移出某一區(qū)域時觸發(fā)事件并拋出數(shù)據(jù)。

   • 動作

     動作	說明
     導(dǎo)入屬性數(shù)據(jù)接口	按組件繪制格式處理數(shù)據(jù)后，導(dǎo)入組件，重新繪制。不需要重新請求服務(wù)端數(shù)據(jù)。具體數(shù)據(jù)示例請參見畫布編輯器中組件右側(cè)配置面板數(shù)據(jù)源頁簽的數(shù)據(jù)響應(yīng)結(jié)果區(qū)域。
     請求屬性數(shù)據(jù)接口	重新請求服務(wù)端數(shù)據(jù)，上游數(shù)據(jù)處理節(jié)點(diǎn)或圖層節(jié)點(diǎn)拋出的數(shù)據(jù)將作為參數(shù)。例如區(qū)域熱力層配置了API數(shù)據(jù)源為https://api.test，傳到請求數(shù)據(jù)接口動作的數(shù)據(jù)為{ id: '1'}，則最終請求接口為https://api.test?id=1。
     導(dǎo)入地理邊界geojson數(shù)據(jù)接口	按組件繪制格式處理數(shù)據(jù)后，導(dǎo)入組件，重新繪制。不需要重新請求服務(wù)端數(shù)據(jù)。具體數(shù)據(jù)示例請參見畫布編輯器中組件右側(cè)配置面板數(shù)據(jù)源頁簽的數(shù)據(jù)響應(yīng)結(jié)果區(qū)域。
     請求地理邊界geojson數(shù)據(jù)接口	重新請求服務(wù)端數(shù)據(jù)，上游數(shù)據(jù)處理節(jié)點(diǎn)或圖層節(jié)點(diǎn)拋出的數(shù)據(jù)將作為參數(shù)。例如區(qū)域熱力層配置了API數(shù)據(jù)源為https://api.test，傳到請求地理邊界geojson數(shù)據(jù)接口動作的數(shù)據(jù)為{ id: '1'}，則最終請求接口為https://api.test?id=1。
     導(dǎo)入內(nèi)置topojson數(shù)據(jù)接口	按組件繪制格式處理數(shù)據(jù)后，導(dǎo)入組件，重新繪制。不需要重新請求服務(wù)端數(shù)據(jù)。具體數(shù)據(jù)示例請參見畫布編輯器中組件右側(cè)配置面板數(shù)據(jù)源頁簽的數(shù)據(jù)響應(yīng)結(jié)果區(qū)域。
     請求內(nèi)置topojson數(shù)據(jù)接口	重新請求服務(wù)端數(shù)據(jù)，上游數(shù)據(jù)處理節(jié)點(diǎn)或圖層節(jié)點(diǎn)拋出的數(shù)據(jù)將作為參數(shù)。例如區(qū)域熱力層配置了API數(shù)據(jù)源為https://api.test，傳到請求內(nèi)置topojson數(shù)據(jù)接口動作的數(shù)據(jù)為{ id: '1'}，則最終請求接口為https://api.test?id=1。
     切換顯隱	切換顯隱、顯示和隱藏組件默認(rèn)不需要參數(shù)，可以按需添加動畫配置，參考數(shù)據(jù)示例。 { //動畫方式，可選值為：appear|fade|slideToUp，默認(rèn)值為 fade，不填無動畫。 "animationType": "fade", //動畫延遲，默認(rèn)值為1000，單位ms。 "animationDuration": 1000, //動畫曲線，可選值為：linear|easeInOutQuad|easeInOutExpo，默認(rèn)值為 linear。 "animationEasing": "linear" }
     顯示
     隱藏
     更新組件配置	動態(tài)更新組件的樣式配置。需要先在組件的樣式面板中，單擊復(fù)制配置到剪貼板，獲取組件配置數(shù)據(jù)。再根據(jù)需要在藍(lán)圖編輯器配置頁面的數(shù)據(jù)處理節(jié)點(diǎn)中更改對應(yīng)樣式的字段值。