呼吸氣泡圖（v4.x版本）
本文介紹呼吸氣泡圖各配置項的含義。
圖表樣式
呼吸氣泡圖是3D平面地圖（v4.x版本）的子組件，支持獨立的樣式、數(shù)據(jù)和交互配置，包括呼吸氣泡的形狀、半徑、顏色以及發(fā)光效果等，能夠以呼吸氣泡的形式表現(xiàn)地理位置上的點數(shù)據(jù)信息。
快速樣式
呼吸氣泡圖具有快速樣式功能，您可以根據(jù)實際應用場景，選擇不同的樣式。
樣式面板
搜索配置：單擊樣式面板右上角的搜索配置項圖標
，可在搜索配置面板中輸入您需要搜索的配置項名稱，快速定位到該配置項，系統(tǒng)支持模糊匹配。詳情請參見搜索配置項。通用：設置呼吸氣泡圖的通用配置項。
參數(shù)
說明
不透明度
設置呼吸氣泡圖的不透明度值，取值范圍為0~1，數(shù)值越大圖層越不透明。
圖形：設置呼吸氣泡圖的圖形配置項。
參數(shù)
說明
氣泡半徑
設置呼吸氣泡的半徑大小，請參見尺寸映射器使用說明，配置不同氣泡的映射半徑大小。
相對偏移
設置氣泡在水平和垂直方向的相對偏移值，取值范圍為-100~100。
旋轉(zhuǎn)
設置氣泡樣式的旋轉(zhuǎn)角度，取值范圍為0~360。
氣泡樣式
單擊氣泡樣式右側(cè)的
或
圖標，添加或刪除一個氣泡樣式。單擊
或
圖標配置多個氣泡樣式的頁面布局。單擊
圖標，即可復制當前選中樣式配置內(nèi)容并新增一個同樣配置的氣泡樣式。形狀：氣泡的圖標樣式，您可以單擊樣式右側(cè)的下拉選項框，選擇系統(tǒng)內(nèi)置的多種圖標樣式；也可在下拉框面板的輸入框內(nèi)自定義圖片的URL地址，將遠程服務器上的圖片作為氣泡圖標；或者單擊輸入框右側(cè)的
圖標，上傳本地圖片作為氣泡圖標。顏色：設置氣泡的顏色樣式，請參見顏色映射器使用說明，配置不同氣泡的映射顏色樣式。
混合模式：設置氣泡中混合不同像素顏色，包括正常混合和疊加混合。
尺寸比例：設置氣泡相對于根據(jù)氣泡半徑配置項生成的圖標的縮放比例，范圍為0~1。
動畫：設置氣泡呼吸動畫。
類型：設置氣泡的動畫類型，包括旋轉(zhuǎn)、呼吸、漸現(xiàn)和擴散。
速度：設置氣泡呼吸動畫的速度，取值范圍為500~5000，單位ms。
透明度范圍：拖動滑塊，設置氣泡漸現(xiàn)的透明度范圍，當動畫類型選擇漸現(xiàn)時可配置。
縮放范圍：設置氣泡呼吸的縮放范圍，當動畫類型選擇呼吸時可配置。
擴散倍數(shù)：設置氣泡相對于根據(jù)氣泡半徑配置項生成的圖標的擴散倍數(shù)，當動畫類型選擇擴散時可配置。
交互：通過鼠標點擊和懸浮兩種方式，動態(tài)地和呼吸氣泡圖內(nèi)容進行互動，增強了地圖的實用性和用戶體驗。
說明動態(tài)交互配置效果僅在預覽發(fā)布或開啟交互模式時可見。
參數(shù)
說明
選中樣式
設置呼吸氣泡圖的尺寸縮放和填充顏色。單擊選中樣式左側(cè)的
圖標，可控制選中樣式的顯隱。標簽
設置呼吸氣泡圖標簽的樣式參數(shù)。
標簽錨點：呼吸氣泡圖數(shù)據(jù)標注或注釋時，確認標簽的位置，以便清晰地傳達信息。
相對偏移：設置呼吸氣泡圖標簽在水平和垂直方向的相對偏移值，取值范圍為-200~200。
標簽樣式：包括內(nèi)容樣式和背景樣式。
內(nèi)容樣式：呼吸氣泡圖標簽內(nèi)容樣式參數(shù)配置項。
每行樣式：單擊每行樣式右側(cè)的
或
圖標，添加或刪除一個每行內(nèi)容樣式。 單擊
或
圖標配置多個每行內(nèi)容樣式的排列方式。單擊
圖標，即可復制當前選中內(nèi)容樣式配置內(nèi)容并新增一個同樣配置的每行內(nèi)容。行字段：行內(nèi)容的字段名稱，需要和數(shù)據(jù)面板中的字段相匹配。
字段樣式：設置行字段樣式，包括字段的字體樣式、字號大小、顏色和粗細值。
字段前綴：設置字段前綴的具體內(nèi)容 、內(nèi)容間隔值、字體、字號大小、顏色和粗細值。單擊字段前綴左側(cè)的
圖標，可控制字段前綴樣式的顯隱。字段后綴：設置字段后綴的具體內(nèi)容 、內(nèi)容間隔值、字體、字號大小、顏色和粗細值。單擊字段后綴左側(cè)的
圖標，可控制字段后綴樣式的顯隱。
最大寬度：呼吸氣泡圖標簽顯示字段的最大寬度樣式，取值范圍為0~500，單位為px。
文本溢出：文本內(nèi)容超出了指定呼吸氣泡圖的邊界，導致顯示不完整或影響整體布局。
切斷：當文本內(nèi)容超過呼吸氣泡圖的邊界時，隱藏超出的部分，在有限空間內(nèi)提供信息的快速概覽。
換行：當文本內(nèi)容超過呼吸氣泡圖的邊界時，自動將文本移到下一行以便繼續(xù)完整顯示。
行高比例：標簽的行高比例值，取值范圍為1~5。
內(nèi)容描邊：呼吸氣泡圖標簽邊緣添加一層輪廓線，包括設置描邊的顏色和描邊粗細值，單擊內(nèi)容描邊左側(cè)的
圖標，可控制內(nèi)容描邊的顯隱。內(nèi)容陰影：呼吸氣泡圖標簽添加一層模糊的陰影，包括設置陰影的顏色、陰影模糊值和陰影偏移度在x和y方向上的值，單擊內(nèi)容陰影左側(cè)的
圖標，可控制內(nèi)容陰影的顯隱。
背景樣式：設置呼吸氣泡圖標簽的背景樣式參數(shù)，單擊背景樣式左側(cè)的
圖標，可控制背景樣式的顯隱。類型：在選擇框中選擇或上傳需要使用的背景樣式。
內(nèi)容邊距：設置標簽中內(nèi)容距離上下左右四個方向的邊距值。
條件：條件樣式說明，通過條件篩選將滿足條件的區(qū)域配置為特殊顏色。
條件樣式：單擊右側(cè)的
或圖標，添加或刪除一個條件樣式。 單擊或圖標配置多個條件樣式的排列樣式。單擊圖標，即可復制當前選中條件樣式配置內(nèi)容并新增一個同樣配置的條件樣式。具體樣式配置說明，請參見條件樹使用說明。圖形：打開開關，配置該條件樣式中的圖形配置項；關閉開關，無法配置該條件樣式下的圖形配置項。
參數(shù)
說明
氣泡半徑
設置呼吸氣泡的半徑大小，可通過
圖標，確認在符合當前條件時是否應用當前樣式。旋轉(zhuǎn)
設置呼吸氣泡相對于當前氣泡中心點的旋轉(zhuǎn)角度，可通過
圖標，確認在符合當前條件時是否應用當前樣式。氣泡樣式
圖形樣式：單擊圖形樣式右側(cè)的
或圖標，添加或刪除一個氣泡樣式。單擊或圖標配置多個氣泡樣式的頁面布局。單擊圖標，即可復制當前選中樣式配置內(nèi)容并新增一個同樣配置的氣泡樣式。形狀：呼吸氣泡圖的圖標樣式，您可以單擊樣式右側(cè)的下拉選項框，選擇系統(tǒng)內(nèi)置多種圖標樣式；也可在下拉框面板的輸入框內(nèi)自定義輸入圖片的URL地址，將遠程服務器上的圖片作為氣泡圖標；或者單擊輸入框右側(cè)的
圖標，上傳本地圖片作為氣泡圖標，可通過
圖標，確認在符合當前條件時是否應用當前樣式。顏色：設置氣泡的顏色樣式，可通過
圖標，確認在符合當前條件時是否應用當前樣式。尺寸比例：設置氣泡相對于根據(jù)氣泡半徑配置項生成的圖標的縮放比例，范圍為0~1，可通過
圖標，確認在符合當前條件時是否應用當前樣式。動畫：設置氣泡呼吸動畫，可通過
圖標，確認在符合當前條件時是否應用當前動畫樣式。類型：設置氣泡的動畫類型，包括旋轉(zhuǎn)、呼吸、漸現(xiàn)和擴散。
速度：設置氣泡呼吸動畫的速度，取值范圍為500~5000，單位ms。
縮放范圍：設置氣泡呼吸的縮放范圍，范圍為1~5。當動畫類型選擇呼吸時可配置。
透明度范圍：拖動滑塊，設置氣泡漸現(xiàn)的透明度范圍，范圍為0~100。當動畫類型選擇漸現(xiàn)時可配置。
擴散倍數(shù)：設置氣泡相對于根據(jù)氣泡半徑配置項生成的圖標的擴散倍數(shù)，范圍為1~5。當動畫類型選擇擴散時可配置。
數(shù)據(jù)源面板
字段 | 說明 |
| 氣泡的經(jīng)度。 |
| 氣泡的緯度。 |
| （可選）氣泡的名稱。 |
| （可選）氣泡的值。 |
| （可選）氣泡的唯一標識信息。 |
| （可選）氣泡的形狀映射字段。 |
| （可選）氣泡的半徑大小映射字段。 |
| （可選）氣泡的顏色映射字段。 |
數(shù)據(jù)項配置 | 說明 |
數(shù)據(jù)源 | 組件的數(shù)據(jù)源中通過代碼編輯或可視化編輯展示了組件所包含的數(shù)據(jù)字段。也可以修改數(shù)據(jù)類型，靈活配置組件數(shù)據(jù)。 |
數(shù)據(jù)映射 | 當您需要自定義圖表字段配置時，可以在數(shù)據(jù)映射模塊設置不同的字段映射內(nèi)容，將這些字段映射到組件對應的字段上。無需修改數(shù)據(jù)源中的字段，就可以實現(xiàn)數(shù)據(jù)的實時匹配。也可以單擊 |
過濾器 | 打開過濾器，選擇已創(chuàng)建的數(shù)據(jù)過濾器或新建數(shù)據(jù)過濾器，并配置數(shù)據(jù)過濾器腳本，實現(xiàn)數(shù)據(jù)的篩選功能。詳情請參見管理數(shù)據(jù)過濾器。 |
數(shù)據(jù)響應結(jié)果 | 實時展示了組件所使用的數(shù)據(jù)。當組件數(shù)據(jù)源發(fā)生變化時，數(shù)據(jù)響應結(jié)果會對應展示最新的數(shù)據(jù)。如果系統(tǒng)反應延遲，您可以單擊右側(cè)的 |
禁止加載態(tài) | 勾選復選框，在組件更新和預覽數(shù)據(jù)看板時，將看不到組件初始化時的加載內(nèi)容，去勾選則相反。默認為去勾選狀態(tài)。 |
受控模式 | 勾選復選框，組件初始化狀態(tài)下不請求數(shù)據(jù)，僅通過全局變量或藍圖編輯器配置的方法發(fā)起請求數(shù)據(jù)；去勾選復選框，可以使用自動更新請求數(shù)據(jù)。默認為去勾選狀態(tài)。 |
自動更新請求 | 勾選復選框，可以手動輸入輪詢的時間頻次設置動態(tài)輪詢。清除后則不會自動更新，需要手動刷新頁面，或通過藍圖編輯器和全局變量事件來觸發(fā)請求更新數(shù)據(jù)。 |
圖標對字段分別樣式配置。
圖標，查看數(shù)據(jù)響應結(jié)果，也可以單擊右側(cè)的
圖標，獲取組件的最新數(shù)據(jù)。您也可以單擊查看示例，查看當前組件的響應結(jié)果示例。高級面板
通過高級面板配置交互事件或關聯(lián)全局變量，實現(xiàn)組件之間的聯(lián)動。具體操作請參見組件交互配置。
藍圖交互
單擊頁面左上角的
圖標，進入藍圖頁面。在圖層節(jié)點頁簽下，添加當前組件至主畫布中。
查看藍圖配置參數(shù)。
說明圖層事件和動作的參數(shù)提示信息，可以在畫布右側(cè)的錨點配置中單擊
圖標查看。事件
事件
說明
當數(shù)據(jù)更新時
數(shù)據(jù)接口請求返回并經(jīng)過過濾器處理后拋出的事件，同時拋出處理后的JSON格式的數(shù)據(jù)。具體數(shù)據(jù)示例請參見畫布編輯器中組件右側(cè)配置面板數(shù)據(jù)源頁簽的數(shù)據(jù)響應結(jié)果區(qū)域。
當數(shù)據(jù)請求狀態(tài)變化時
當數(shù)據(jù)請求狀態(tài)變化時拋出該事件，回調(diào)參數(shù)為當前狀態(tài)，具體數(shù)據(jù)示例請參見畫布編輯器中組件右側(cè)配置面板數(shù)據(jù)源頁簽的數(shù)據(jù)響應結(jié)果區(qū)域。
當選中時
當選中呼吸氣泡圖內(nèi)某一個點時觸發(fā)事件并拋出數(shù)據(jù)。
當取消選中時
當取消選中呼吸氣泡圖內(nèi)某一個點時觸發(fā)事件并拋出數(shù)據(jù)。
動作
動作
說明
導入數(shù)據(jù)
按組件繪制格式處理數(shù)據(jù)后，導入組件，重新繪制。不需要重新請求服務端數(shù)據(jù)。具體數(shù)據(jù)示例請參見畫布編輯器中組件右側(cè)配置面板數(shù)據(jù)源頁簽的數(shù)據(jù)響應結(jié)果區(qū)域。
請求數(shù)據(jù)
重新請求服務端數(shù)據(jù)，上游數(shù)據(jù)處理節(jié)點或圖層節(jié)點拋出的數(shù)據(jù)將作為參數(shù)。例如呼吸氣泡圖配置了API數(shù)據(jù)源為
https://api.test，傳到請求數(shù)據(jù)接口動作的數(shù)據(jù)為{ id: '1'}，則最終請求接口為https://api.test?id=1。切換顯隱
切換顯隱、顯示和隱藏組件默認不需要參數(shù)，可以按需添加動畫配置，參考數(shù)據(jù)示例。
{ //動畫方式，可選值為：appear|fade|slideToUp，默認值為 fade，不填無動畫。 "animationType": "fade", //動畫延遲，默認值為1000，單位ms。 "animationDuration": 1000, //動畫曲線，可選值為：linear|easeInOutQuad|easeInOutExpo，默認值為 linear。 "animationEasing": "linear" }顯示
隱藏
更新組件配置
動態(tài)更新組件的樣式配置。需要先在組件的樣式面板中，單擊復制配置到剪貼板，獲取組件配置數(shù)據(jù)。再根據(jù)需要在藍圖編輯器配置頁面的數(shù)據(jù)處理節(jié)點中更改對應樣式的字段值。