圖表樣式

單點(diǎn)柱狀圖是3D平面地圖（v4.x版本）的子組件，支持獨(dú)立的樣式和數(shù)據(jù)配置，包括柱子的形狀、高度、填充顏色以及頂側(cè)面樣式等，能夠以3D柱狀圖的形式表示不同地理坐標(biāo)位置中的不同數(shù)值大小及其它信息。

快速樣式

單點(diǎn)柱狀圖具有快速樣式功能，您可以根據(jù)實(shí)際應(yīng)用場景，選擇不同的樣式。

樣式面板

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

• 通用：設(shè)置單點(diǎn)柱狀圖的通用配置項。

  參數(shù)	說明
  不透明度	設(shè)置單點(diǎn)柱狀圖的不透明度值，取值范圍為0~1，數(shù)值越大圖層越不透明。

• 圖形：設(shè)置單點(diǎn)柱狀圖的圖形配置。

  • 柱子形狀：設(shè)置柱子的形狀，包括頂部和底部半徑大小、柱子邊數(shù)和柱子旋轉(zhuǎn)角度。

  • 柱子高度：柱子的高度值，請參見尺寸映射器使用說明，配置不同柱子的高度值大小的映射樣式。

    說明

    數(shù)據(jù)面板中的value字段自適應(yīng)柱子高度。

  • 填充顏色：柱子的填充顏色，根據(jù)value字段的值大小自適應(yīng)填充色，請參見顏色映射器使用說明，配置不同柱子的映射顏色樣式。

  • 頂面樣式：柱子頂面的樣式。

    參數(shù)	說明
    紋理	紋理貼圖：柱子頂面的紋理貼圖樣式。您可以在選擇框中選擇或上傳需要使用的貼圖。 金屬度：拖動滑塊設(shè)置單點(diǎn)柱狀圖頂面的金屬度，取值范圍為0~1。 粗糙度：拖動滑塊設(shè)置單點(diǎn)柱狀圖頂面的粗糙度，取值范圍為0~1。
    發(fā)光貼圖	柱子頂面發(fā)光貼圖樣式，您可以在選擇框中選擇或上傳需要使用的貼圖，調(diào)整發(fā)光效果的顏色和強(qiáng)度。單擊發(fā)光貼圖左側(cè)的圖標(biāo)，可控制發(fā)光效果樣式的顯隱。

  • 側(cè)面樣式：柱子側(cè)面的樣式。

    參數(shù)	說明
    紋理	紋理貼圖：柱子側(cè)面的紋理貼圖樣式。您可以在選擇框中選擇或上傳需要使用的貼圖。 金屬度：拖動滑塊設(shè)置單點(diǎn)柱狀圖頂面的金屬度，取值范圍為0~1。 粗糙度：拖動滑塊設(shè)置單點(diǎn)柱狀圖頂面的粗糙度，取值范圍為0~1。
    發(fā)光貼圖	柱子側(cè)面發(fā)光貼圖樣式，您可以在選擇框中選擇或上傳需要使用的貼圖，調(diào)整發(fā)光效果的顏色和強(qiáng)度。單擊發(fā)光貼圖左側(cè)的圖標(biāo)，可控制發(fā)光效果樣式的顯隱。

  • 參數(shù)

    說明

    起點(diǎn)氣泡

    設(shè)置飛起點(diǎn)氣泡的樣式。單擊左側(cè)的圖標(biāo)，可控制起點(diǎn)氣泡的顯隱。 氣泡半徑：設(shè)置起點(diǎn)氣泡的氣泡半徑，請參見尺寸映射器使用說明，配置不同氣泡的映射半徑大小。 相對偏移：設(shè)置氣泡在水平和垂直方向的偏移量，取值范圍為-100~100。 旋轉(zhuǎn)：設(shè)置氣泡樣式的旋轉(zhuǎn)角度，取值范圍為0~360。 氣泡樣式：單擊氣泡樣式右側(cè)的或圖標(biāo)，添加或刪除一個氣泡樣式。單擊或圖標(biāo)配置多個氣泡樣式的頁面布局。單擊圖標(biāo)，即可復(fù)制當(dāng)前選中樣式配置內(nèi)容并新增一個同樣配置的氣泡樣式。 形狀：起點(diǎn)氣泡的圖標(biāo)樣式，您可以單擊樣式右側(cè)的下拉選項框，選擇系統(tǒng)內(nèi)置多種圖標(biāo)樣式；也可在下拉框面板的輸入框內(nèi)自定義輸入圖片的URL地址，將遠(yuǎn)程服務(wù)器上的圖片作為氣泡圖標(biāo)；或者單擊輸入框右側(cè)的圖標(biāo)，上傳本地圖片作為氣泡圖標(biāo)。 顏色：設(shè)置氣泡的顏色樣式，請參見顏色映射器使用說明，配置不同氣泡的映射顏色樣式。 尺寸比例：設(shè)置氣泡相對于根據(jù)氣泡半徑配置項生成的圖標(biāo)的縮放比例，范圍為0~1。 動畫：設(shè)置氣泡動畫。 類型：設(shè)置氣泡的動畫類型，包括旋轉(zhuǎn)、呼吸、漸現(xiàn)和擴(kuò)散。 速度：設(shè)置氣泡動畫的速度，取值范圍為500~5000，單位ms。 透明度范圍：拖動滑塊，設(shè)置氣泡漸現(xiàn)的透明度范圍，范圍為0~100。當(dāng)動畫類型選擇漸現(xiàn)時可配置。 縮放范圍：設(shè)置氣泡呼吸的縮放范圍，范圍為1~5。當(dāng)動畫類型選擇呼吸時可配置。 擴(kuò)散倍數(shù)：設(shè)置氣泡相對于根據(jù)氣泡半徑配置項生成的圖標(biāo)的擴(kuò)散倍數(shù)，范圍為1~5。當(dāng)動畫類型選擇擴(kuò)散時可配置。

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

  說明

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

  參數(shù)	說明
  選中樣式	設(shè)置單點(diǎn)柱狀圖的尺寸縮放和填充顏色。單擊選中樣式左側(cè)的圖標(biāo)，可控制選中樣式的顯隱。
  標(biāo)簽	設(shè)置單點(diǎn)柱狀圖標(biāo)簽的樣式參數(shù)。 標(biāo)簽錨點(diǎn)：單點(diǎn)柱狀圖數(shù)據(jù)標(biāo)注或注釋時，確認(rèn)標(biāo)簽的位置，以便清晰地傳達(dá)信息。 相對偏移：設(shè)置單點(diǎn)柱狀圖標(biāo)簽在水平和垂直方向的相對偏移值，取值范圍為-200~200。 標(biāo)簽樣式：包括內(nèi)容樣式和背景樣式。 內(nèi)容樣式：單點(diǎn)柱狀圖標(biāo)簽內(nèi)容樣式參數(shù)配置項。 每行樣式：單擊每行樣式右側(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)，可控制字段后綴樣式的顯隱。 最大寬度：單點(diǎn)柱狀圖標(biāo)簽顯示字段的最大寬度樣式，取值范圍為0~500，單位為px。 文本溢出：文本內(nèi)容超出了指定單點(diǎn)柱狀圖的邊界，導(dǎo)致顯示不完整或影響整體布局。 切斷：當(dāng)文本內(nèi)容超過單點(diǎn)柱狀圖的邊界時，隱藏超出的部分，在有限空間內(nèi)提供信息的快速概覽。 換行：當(dāng)文本內(nèi)容超過單點(diǎn)柱狀圖的邊界時，自動將文本移到下一行以便繼續(xù)完整顯示。 行高比例：標(biāo)簽的行高比例值，取值范圍為1~5。 內(nèi)容描邊：單點(diǎn)柱狀圖標(biāo)簽邊緣添加一層輪廓線，包括設(shè)置描邊的顏色和描邊粗細(xì)值，單擊內(nèi)容描邊左側(cè)的圖標(biāo)，可控制內(nèi)容描邊的顯隱。 內(nèi)容陰影：單點(diǎn)柱狀圖標(biāo)簽添加一層模糊的陰影，包括設(shè)置陰影的顏色、陰影模糊值和陰影偏移度在x和y方向上的值，單擊內(nèi)容陰影左側(cè)的圖標(biāo)，可控制內(nèi)容陰影的顯隱。 背景樣式：設(shè)置單點(diǎn)柱狀圖標(biāo)簽的背景樣式參數(shù)，單擊背景樣式左側(cè)的圖標(biāo)，可控制背景樣式的顯隱。 類型：在選擇框中選擇或上傳需要使用的背景樣式。 內(nèi)容邊距：設(shè)置標(biāo)簽中內(nèi)容距離上下左右四個方向的邊距值。

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

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

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

  參數(shù)	說明
  柱子形狀	設(shè)置柱子的形狀參數(shù)。包括頂部半徑、底部半徑、邊數(shù)和旋轉(zhuǎn)角度。
  柱子高度	設(shè)置柱子的高度，取值范圍為100~2000。
  填充顏色	柱子的填充顏色，根據(jù)value字段的值大小自適應(yīng)填充色。
  頂部樣式	設(shè)置單點(diǎn)柱狀圖頂面樣式參數(shù)。 紋理貼圖：柱子頂面的紋理貼圖樣式。您可以在選擇框中選擇或上傳需要使用的貼圖。 金屬度：拖動滑塊設(shè)置單點(diǎn)柱狀圖頂面的金屬度，取值范圍為0~1。 粗糙度：拖動滑塊設(shè)置單點(diǎn)柱狀圖頂面的粗糙度，取值范圍為0~1。 發(fā)光貼圖：柱子頂面的發(fā)光貼圖樣式。您可以在選擇框中選擇或上傳需要使用的貼圖，調(diào)整發(fā)光效果的顏色和強(qiáng)度，可以增強(qiáng)視覺吸引力。單擊發(fā)光貼圖左側(cè)的圖標(biāo)，可控制發(fā)光貼圖樣式的顯隱。
  側(cè)面樣式	設(shè)置單點(diǎn)柱狀圖側(cè)面樣式參數(shù)。 紋理：柱子側(cè)面的紋理貼圖樣式。您可以在選擇框中選擇或上傳需要使用的貼圖。 金屬度：拖動滑塊設(shè)置單點(diǎn)柱狀圖頂面的金屬度，取值范圍為0~1。 粗糙度：拖動滑塊設(shè)置單點(diǎn)柱狀圖頂面的粗糙度，取值范圍為0~1。 發(fā)光貼圖：柱子側(cè)面的發(fā)光貼圖樣式。您可以在選擇框中選擇或上傳需要使用的貼圖，調(diào)整發(fā)光效果的顏色和強(qiáng)度，可以增強(qiáng)視覺吸引力。單擊發(fā)光貼圖左側(cè)的圖標(biāo)，可控制發(fā)光貼圖樣式的顯隱。
  氣泡樣式	設(shè)置單點(diǎn)柱狀圖氣泡樣式參數(shù)。 氣泡半徑：設(shè)置氣泡的半徑大小值，可通過圖標(biāo)，確認(rèn)在符合當(dāng)前條件時是否應(yīng)用當(dāng)前樣式。 旋轉(zhuǎn)：設(shè)置氣泡相對于當(dāng)前氣泡中心點(diǎn)的旋轉(zhuǎn)角度，可通過圖標(biāo)，確認(rèn)在符合當(dāng)前條件時是否應(yīng)用當(dāng)前樣式。 圖形樣式：單擊圖形樣式右側(cè)的或圖標(biāo)，添加或刪除一個氣泡樣式。單擊或圖標(biāo)配置多個氣泡樣式的頁面布局。單擊圖標(biāo)，即可復(fù)制當(dāng)前選中樣式配置內(nèi)容并新增一個同樣配置的氣泡樣式 形狀：氣泡的圖標(biāo)樣式，您可以單擊樣式右側(cè)的下拉選項框，選擇系統(tǒng)內(nèi)置多種圖標(biāo)樣式；也可在下拉框面板的輸入框內(nèi)自定義輸入圖片的URL地址，將遠(yuǎn)程服務(wù)器上的圖片作為氣泡圖標(biāo)；或者單擊輸入框右側(cè)的圖標(biāo)，上傳本地圖片作為氣泡圖標(biāo)。 顏色：設(shè)置氣泡的顏色樣式，請參見顏色映射器使用說明，配置不同氣泡的映射顏色樣式。 尺寸比例：設(shè)置氣泡相對于根據(jù)氣泡半徑配置項生成的圖標(biāo)的縮放比例，范圍為0~1。 動畫：設(shè)置氣泡動畫，可通過圖標(biāo)，確認(rèn)在符合當(dāng)前條件時是否應(yīng)用當(dāng)前動畫樣式。 類型：設(shè)置氣泡的動畫類型，包括旋轉(zhuǎn)、呼吸、漸現(xiàn)和擴(kuò)散。 速度：設(shè)置氣泡動畫的速度，取值范圍為500~5000，單位ms。 縮放范圍：設(shè)置氣泡呼吸的縮放范圍，范圍為1~5。當(dāng)動畫類型選擇呼吸時可配置。 透明度范圍：拖動滑塊，設(shè)置氣泡漸現(xiàn)的透明度范圍，范圍為0~100。當(dāng)動畫類型選擇漸現(xiàn)時可配置。 擴(kuò)散倍數(shù)：設(shè)置氣泡相對于根據(jù)氣泡半徑配置項生成的圖標(biāo)的擴(kuò)散倍數(shù)，范圍為1~5。當(dāng)動畫類型選擇擴(kuò)散時可配置。

數(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)選中時	當(dāng)選中單點(diǎn)柱狀圖內(nèi)某一個柱子時觸發(fā)事件并拋出數(shù)據(jù)。
     當(dāng)取消選中時	當(dāng)取消選中單點(diǎn)柱狀圖內(nèi)某一個柱子時觸發(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ù)。例如單點(diǎn)柱狀圖配置了API數(shù)據(jù)源為https://api.test，傳到請求數(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)樣式的字段值。