全部產品
Search
文件中心

DataV:甜甜圈層

更新時間:Feb 05, 2024

本文介紹甜甜圈層的圖表樣式和各配置項的含義。

圖表樣式

甜甜圈層是3D地球的子組件,支援獨立的樣式配置,包括甜甜圈的半徑、大小顏色和提示框配置等。image

配置面板

image

  • 搜尋配置:單擊配置面板右上方的搜尋配置,可在搜尋配置面板中輸入您需要搜尋的配置項名稱,快速定位到該配置項,系統支援模糊比對。詳情請參見搜尋資產配置

  • 最小半徑:甜甜圈層的內圈半徑值。

  • 最大半徑:甜甜圈層的外圈半徑值。

  • 甜甜圈大小:甜甜圈層的大小。

  • 外圈顏色:甜甜圈層外圈的顏色。

  • 內圈渲染方式:甜甜圈層內圈顏色渲染方式,包括單色漸層

  • 開始顏色結束顏色:甜甜圈內圈色彩坡形方式下的開始顏色和結束顏色,僅在內圈渲染方式選擇漸層時,此配置項才顯示。

  • 內圈顏色:甜甜圈層內圈的顏色,僅在內圈渲染方式選擇單色時,此配置項才顯示。

  • 提示框配置:在預覽或發佈頁面,滑鼠懸浮或單擊甜甜圈時出現的提示框的樣式。

    參數

    說明

    背景顏色

    提示框的背景顏色。

    字型

    提示框內文字的字型樣式。

    字型顏色

    提示框字型的顏色。

    字型大小

    提示框字型的大小。

  • 系列配置:單擊右側的加號表徵圖垃圾桶表徵圖表徵圖,添加或刪除一個散點系列。單擊橫柏拉圖標豎柏拉圖標表徵圖配置多個散點系列的排列樣式。單擊複製表徵圖表徵圖,即可複製當前選中系列配置內容並新增一個同樣配置的系列。

    參數

    說明

    欄位名稱

    該散點類的欄位名稱,與資料面板裡的donut欄位內的對應數列欄位相匹配。

    顏色

    該散點類的顏色。

資料面板

image

配置欄位說明

欄位

說明

lng

甜甜圈中心點的經度。

lat

甜甜圈中心點的緯度。

inner

甜甜圈內圈的值。

outer

甜甜圈外圈的值。

donut

環狀圖的資料,資料欄位與系列配置中的欄位名稱相匹配。

互動面板image

選中啟用,開啟組件互動功能。當單擊甜甜圈時,會觸發資料請求,拋出回調值,動態載入不同甜甜圈的資料。預設拋出資料中的lnglat值,具體配置請參見如何配置數字翻牌器組件的回調ID

藍圖編輯器互動配置

  1. 在畫布編輯器頁面,單擊3D地球子組件管理列表中甜甜圈層右側的匯出到藍圖編輯器表徵圖。

  2. 單擊頁面左上方的藍圖表徵圖表徵圖。

  3. 在藍圖編輯器配置頁面,單擊匯入節點欄內的甜甜圈層組件,在畫布中可以看到如下圖所示的甜甜圈層的藍圖編輯器配置參數。甜甜圈層藍圖參數

    • 事件

      事件

      說明

      當資料介面請求完成時

      資料介面請求返回並經過過濾器處理後拋出的事件,同時拋出處理後的JSON格式的資料。具體資料樣本請參見畫布編輯器中組件右側配置面板資料頁簽的資料響應結果地區。

      當資料介面請求失敗時

      資料介面請求失敗時(請求失敗的情況可能是:網路問題或介面報錯等)返回並經過過濾器處理後拋出的事件,同時拋出處理後的JSON格式的資料。具體資料樣本請參見畫布編輯器中組件右側配置面板資料頁簽的資料響應結果地區。

      甜甜圈被點擊觸發

      當甜甜圈被單擊時觸發的事件,同時拋出該甜甜圈對應的資料項目。

    • 動作

      動作

      說明

      請求資料介面

      重新請求服務端資料,上遊資料處理節點或圖層節點拋出的資料將作為參數。例如甜甜圈層配置了API資料來源為https://api.test,傳到請求資料介面動作的資料為{ id: '1'},則最終請求介面為https://api.test?id=1

      匯入資料介面

      按組件繪製格式處理資料後,匯入組件,重新繪製。不需要重新請求服務端資料。具體資料樣本請參見畫布編輯器中組件右側配置面板資料頁簽的資料響應結果地區。

      顯示組件

      顯示組件,不需要參數。

      隱藏組件

      隱藏組件,不需要參數。