圖表樣式

呼吸氣泡層是基礎(chǔ)平面地圖 3.0的子組件，支持獨(dú)立的樣式、數(shù)據(jù)和交互配置，包括呼吸氣泡的大小、動(dòng)畫(huà)效果、氣泡類(lèi)型以及經(jīng)緯度等，能夠以呼吸氣泡的形式表現(xiàn)地理位置上的點(diǎn)數(shù)據(jù)信息。

配置面板

• 搜索配置：?jiǎn)螕?b data-tag="uicontrol" id="uicontrol-siu-g4m-0i6" class="uicontrol">配置面板右上角的搜索配置，可在搜索配置面板中輸入您需要搜索的配置項(xiàng)名稱，快速定位到該配置項(xiàng)，系統(tǒng)支持模糊匹配。詳情請(qǐng)參見(jiàn)搜索資產(chǎn)配置。

• 通用：設(shè)置呼吸氣泡層的通用配置項(xiàng)。

  參數(shù)	說(shuō)明
  可見(jiàn)級(jí)別	設(shè)置呼吸氣泡層的可見(jiàn)級(jí)別值，在設(shè)定的級(jí)別范圍內(nèi)呼吸氣泡層可見(jiàn)，級(jí)別之外不可見(jiàn)。
  不透明度	設(shè)置呼吸氣泡層的不透明度值，取值范圍為0~100，單位%，數(shù)值越大圖層越不透明。

• 圖形：設(shè)置呼吸氣泡層的圖形配置項(xiàng)，包括氣泡的形狀樣式、半徑大小樣式和氣泡顏色樣式。

  參數(shù)	說(shuō)明
  氣泡形狀	設(shè)置氣泡的形狀樣式，請(qǐng)參見(jiàn)形狀映射器使用說(shuō)明，配置不同氣泡的映射形狀樣式。
  氣泡半徑	設(shè)置呼吸氣泡的半徑大小值，請(qǐng)參見(jiàn)尺寸映射器使用說(shuō)明，配置不同氣泡的映射半徑大小。
  氣泡顏色	設(shè)置氣泡的顏色樣式，請(qǐng)參見(jiàn)顏色映射器使用說(shuō)明，配置不同氣泡的映射顏色樣式。

• 動(dòng)效：設(shè)置呼吸氣泡的動(dòng)畫(huà)效果和變化速率等參數(shù)。

  參數(shù)	說(shuō)明
  動(dòng)畫(huà)效果	設(shè)置呼吸氣泡層的動(dòng)畫(huà)效果，包括呼吸和漸顯兩種。
  變化速率	設(shè)置呼吸氣泡層的動(dòng)效變化速率，取值范圍為0~2，數(shù)值越大，氣泡動(dòng)畫(huà)播放速率越快。

• 標(biāo)簽：設(shè)置呼吸氣泡層內(nèi)標(biāo)簽的樣式參數(shù)。

  參數(shù)	說(shuō)明
  顯示標(biāo)簽	打開(kāi)開(kāi)關(guān)，呼吸氣泡層顯示標(biāo)簽樣式。
  顯示方式	設(shè)置呼吸氣泡層的標(biāo)簽顯示的方式，可選，包括點(diǎn)擊和懸浮兩種方式。
  相對(duì)位置	設(shè)置呼吸氣泡層的標(biāo)簽的相對(duì)位置樣式，可選，包括左側(cè)、中心、右側(cè)、頂部和底部。
  相對(duì)偏移	設(shè)置呼吸氣泡層的標(biāo)簽在水平和垂直方向的相對(duì)偏移值，單位px，取值范圍為-100~100。
  內(nèi)容樣式	設(shè)置呼吸氣泡層的標(biāo)簽的內(nèi)容樣式。單擊每行樣式右側(cè)的或圖標(biāo)，添加或刪除一個(gè)每行內(nèi)容樣式。 單擊或圖標(biāo)配置多個(gè)每行內(nèi)容樣式的排列方式。單擊圖標(biāo)，即可復(fù)制當(dāng)前選中內(nèi)容樣式配置內(nèi)容并新增一個(gè)同樣配置的每行內(nèi)容。 行字段：行內(nèi)容的字段名稱，需要和數(shù)據(jù)面板中的字段相匹配。 字段樣式：設(shè)置行字段樣式，包括字段的字體樣式、字號(hào)大小、顏色和粗細(xì)值。 字段前綴：設(shè)置字段前綴的具體內(nèi)容 、內(nèi)容間隔值、字體、字號(hào)大小、顏色和粗細(xì)值。單擊字段前綴左側(cè)的圖標(biāo)，可控制字段前綴樣式的顯隱。 字段后綴：設(shè)置字段后綴的具體內(nèi)容 、內(nèi)容間隔值、字體、字號(hào)大小、顏色和粗細(xì)值。單擊字段后綴左側(cè)的圖標(biāo)，可控制字段后綴樣式的顯隱。 字段寬度：標(biāo)簽的顯示字段的寬度樣式，包括字段的適應(yīng)類(lèi)型方式，可選自適應(yīng)或固定寬度，并根據(jù)適應(yīng)類(lèi)型設(shè)置字段寬度的值，單位px。 行高比例：標(biāo)簽的行高比例值，取值范圍為1~2。 內(nèi)容描邊：標(biāo)簽的內(nèi)容描邊樣式，包括設(shè)置描邊的顏色和描邊粗細(xì)值，單擊內(nèi)容描邊左側(cè)的圖標(biāo)，可控制內(nèi)容描邊的顯隱。 內(nèi)容陰影：標(biāo)簽的內(nèi)容陰影樣式，包括設(shè)置陰影的顏色、陰影模糊值和陰影偏移度在x和y方向上的值，單擊內(nèi)容陰影左側(cè)的圖標(biāo)，可控制內(nèi)容陰影的顯隱。
  背景樣式	設(shè)置呼吸氣泡層內(nèi)標(biāo)簽的背景樣式參數(shù)，單擊背景樣式左側(cè)的圖標(biāo)，可控制背景樣式的顯隱。 背景類(lèi)型：標(biāo)簽背景的類(lèi)型，可選矢量和圖片。 背景顏色：設(shè)置標(biāo)簽的背景顏色，僅在背景類(lèi)型選擇矢量時(shí)可配置。 邊框樣式：設(shè)置標(biāo)簽邊框的樣式，包括邊框的線類(lèi)型，線寬的值和顏色。僅在背景類(lèi)型選擇矢量時(shí)可配置。 邊框圓角：設(shè)置標(biāo)簽邊框的圓角在四個(gè)方向的值，單位px。僅在背景類(lèi)型選擇矢量時(shí)可配置。 圖片模板：選擇背景圖片的模板樣式，僅在圖片模板選擇圖片時(shí)可配置。 不透明度：設(shè)置背景圖片的不透明度值，取值范圍為0~100，僅在圖片模板選擇圖片時(shí)可配置。 內(nèi)容邊距：設(shè)置標(biāo)簽中的內(nèi)容距離上下左右四個(gè)方向的邊距值。

• 交互：呼吸氣泡層的交互配置項(xiàng)。

  • 圖形交互：在預(yù)覽或發(fā)布頁(yè)面，單擊氣泡出現(xiàn)的圖形交互樣式。單擊圖形交互左側(cè)的圖標(biāo)，可控制圖形交互的顯隱。

    參數(shù)	說(shuō)明
    尺寸縮放	拖動(dòng)滑塊設(shè)置氣泡尺寸縮放的范圍，取值范圍為1~2。
    氣泡顏色	設(shè)置氣泡的顏色。

• 條件：條件樣式說(shuō)明。

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

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

  參數(shù)	說(shuō)明
  氣泡形狀	單擊氣泡形狀左側(cè)的圖標(biāo)，可控制該條件下的氣泡形狀樣式的顯隱。
  氣泡半徑	單擊氣泡半徑左側(cè)的圖標(biāo)，可控制該條件下的氣泡半徑大小樣式的顯隱。
  氣泡顏色	單擊氣泡顏色左側(cè)的圖標(biāo)，可控制該條件下的氣泡顏色樣式顯隱。

• 自定義彈框樣式：設(shè)置呼吸氣泡層內(nèi)自定義彈框的樣式參數(shù)。

  參數(shù)	說(shuō)明
  彈框開(kāi)關(guān)	打開(kāi)開(kāi)關(guān)，可以通過(guò)點(diǎn)擊或懸浮觸發(fā)彈框。
  顯示方式	設(shè)置呼吸氣泡層彈框顯示的方式，可選，包括點(diǎn)擊和懸浮兩種方式。
  相對(duì)偏移	設(shè)置彈窗在水平和垂直方向的相對(duì)偏移像素距離，取值范圍為-1000~1000，單位px。
  文本樣式	設(shè)置彈框內(nèi)的文本樣式，包括文本的字體樣式、字號(hào)大小、顏色和文本粗細(xì)值。
  顯示空值	打開(kāi)開(kāi)關(guān)，在無(wú)info字段或空info字段對(duì)象上可以彈框顯示為“無(wú)數(shù)據(jù)”。
  彈框樣式	內(nèi)邊距：設(shè)置彈框文本的內(nèi)容距離上下左右四個(gè)方向的邊距值。 邊框樣式：設(shè)置彈框邊框的圓角值、線寬和顏色。 背景顏色：設(shè)置彈框的背景顏色 投影樣式：設(shè)置彈框投影的模糊色、模糊半徑、X偏移和Y偏移。 關(guān)閉按鈕：打開(kāi)開(kāi)關(guān)，呼吸氣泡層的彈框顯示關(guān)閉按鈕和按鈕的顏色。 指向箭頭：打開(kāi)開(kāi)關(guān)，呼吸氣泡層的彈框顯示指向箭頭。

數(shù)據(jù)面板（默認(rèn)模式）

配置字段說(shuō)明

數(shù)據(jù)面板（分析模式）

呼吸氣泡層子組件BI分析數(shù)據(jù)配置面板中的詳細(xì)操作說(shuō)明，請(qǐng)參見(jiàn)BI分析模式數(shù)據(jù)面板功能介紹。

配置字段說(shuō)明

交互面板

選中啟用，開(kāi)啟組件交互功能。呼吸氣泡層子組件擁有交互配置，可單擊某個(gè)氣泡和鼠標(biāo)移入氣泡時(shí)，觸發(fā)數(shù)據(jù)請(qǐng)求，拋出回調(diào)值，實(shí)現(xiàn)在單擊和鼠標(biāo)移入某個(gè)氣泡時(shí)，動(dòng)態(tài)加載不同區(qū)域的數(shù)據(jù)。默認(rèn)拋出所單擊區(qū)域的lng和lat值，具體配置請(qǐng)參見(jiàn)如何配置數(shù)字翻牌器組件的回調(diào)ID。

藍(lán)圖編輯器交互配置

1. 在畫(huà)布編輯器頁(yè)面，單擊基礎(chǔ)平面地圖 3.0子組件管理列表中呼吸氣泡層右側(cè)的圖標(biāo)。

   說(shuō)明

   以BI分析模式添加的子組件無(wú)藍(lán)圖交互功能。

2. 單擊頁(yè)面左上角的圖標(biāo)。

3. 在藍(lán)圖編輯器配置頁(yè)面，單擊導(dǎo)入節(jié)點(diǎn)欄內(nèi)的呼吸氣泡層組件，在畫(huà)布中可以看到如下圖所示的呼吸氣泡層的藍(lán)圖編輯器配置參數(shù)。

   • 事件

     事件	說(shuō)明
     當(dāng)數(shù)據(jù)接口請(qǐng)求完成時(shí)	數(shù)據(jù)接口請(qǐng)求返回并經(jīng)過(guò)過(guò)濾器處理后拋出的事件，同時(shí)拋出處理后的JSON格式的數(shù)據(jù)。具體數(shù)據(jù)示例請(qǐng)參見(jiàn)畫(huà)布編輯器中組件右側(cè)配置面板數(shù)據(jù)頁(yè)簽的數(shù)據(jù)響應(yīng)結(jié)果區(qū)域。
     當(dāng)數(shù)據(jù)接口請(qǐng)求失敗時(shí)	數(shù)據(jù)接口請(qǐng)求失敗時(shí)（請(qǐng)求失敗的情況可能是：網(wǎng)絡(luò)問(wèn)題或接口報(bào)錯(cuò)等）返回并經(jīng)過(guò)過(guò)濾器處理后拋出的事件，同時(shí)拋出處理后的JSON格式的數(shù)據(jù)。具體數(shù)據(jù)示例請(qǐng)參見(jiàn)畫(huà)布編輯器中組件右側(cè)配置面板數(shù)據(jù)頁(yè)簽的數(shù)據(jù)響應(yīng)結(jié)果區(qū)域。
     當(dāng)點(diǎn)擊點(diǎn)時(shí)	當(dāng)單擊呼吸氣泡層某一個(gè)氣泡時(shí)拋出。
     當(dāng)鼠標(biāo)移入時(shí)	當(dāng)鼠標(biāo)移入呼吸氣泡層的某一氣泡時(shí)觸發(fā)事件并拋出數(shù)據(jù)。

   • 動(dòng)作

     動(dòng)作	說(shuō)明
     請(qǐng)求數(shù)據(jù)接口	重新請(qǐng)求服務(wù)端數(shù)據(jù)，上游數(shù)據(jù)處理節(jié)點(diǎn)或圖層節(jié)點(diǎn)拋出的數(shù)據(jù)將作為參數(shù)。例如呼吸氣泡層配置了API數(shù)據(jù)源為https://api.test，傳到請(qǐng)求數(shù)據(jù)接口動(dòng)作的數(shù)據(jù)為{ id: '1'}，則最終請(qǐng)求接口為https://api.test?id=1。
     導(dǎo)入數(shù)據(jù)接口	按組件繪制格式處理數(shù)據(jù)后，導(dǎo)入組件，重新繪制。不需要重新請(qǐng)求服務(wù)端數(shù)據(jù)。具體數(shù)據(jù)示例請(qǐng)參見(jiàn)畫(huà)布編輯器中組件右側(cè)配置面板數(shù)據(jù)頁(yè)簽的數(shù)據(jù)響應(yīng)結(jié)果區(qū)域。
     顯示	顯示組件，不需要參數(shù)。
     隱藏	隱藏組件，不需要參數(shù)。