全部產品
Search
文件中心

DataV:雙11雷達圖

更新時間:Nov 19, 2024

本文介紹雙11雷達圖全量選擇時各配置項的含義。

圖表樣式

雙11雷達圖是其他基礎圖表的一種,與基本雷達圖相比,雙11雷達圖僅支援單個維度資料展示,適用於展示雙11期間各地區售賣的商品數量,例如展示華北、華東等地區的商品銷售數量。image.png

樣式面板image

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

    • 尺寸:包括組件的寬度和高度,單位為px。

    • 定位:包括組件的橫座標縱座標,單位為px。橫座標為組件左上方距離頁面左邊界的像素距離,縱座標為組件左上方距離頁面上邊界的像素距離。

    • 旋轉:以組件的中心為中心點,進行旋轉,單位為度(°)。

      • 手動輸入角度值,控制組件的旋轉角度。

      • 單擊image表徵圖,控制組件左右翻轉樣式。

      • 單擊image表徵圖,控制組件上下翻轉樣式。

    • 不透明度:取值範圍為0~1。為0時,圖表隱藏;為1時,圖表全部顯示。預設為1

  • 全域

    頂部位移值:雷達圖相對於組件頂部的距離。

  • 外圈樣式

    參數

    說明

    邊線顏色

    外圈邊線的顏色,請參見顏色選取器說明進行修改。

    邊線寬

    外圈邊線的寬度。

  • 雷達面積地區

    參數

    說明

    預設最大值

    雷達面積地區預設的最大值。當預設最大值大於資料的最大value值時,預設最大值越大,雷達地區佔比越少。

    顏色

    雷達圖的漸層顏色,單擊右側的imageimage表徵圖,添加或刪除一個顏色地區。單擊imageimage表徵圖配置多個顏色系列的排列樣式。 單擊image表徵圖,即可複製當前選中顏色系列配置內容並新增一個同樣配置的顏色系列。

    • 位置:各顏色在漸層帶中的位置。

    • 顏色:各位置的顏色。

    邊線寬

    地區邊線的寬度,單位為px。

    邊線樣式

    地區邊線的樣式,可選:曲線直線

    曲線弧度

    邊線為曲線時的弧度,範圍為0~1,為1時邊線變為直線。

  • 文字框及連線

    參數

    說明

    文字框距連線距離

    文字框與連線之間的縱向距離,單位為px。

    字型

    組件中所有文本的字型系列,預設為微軟雅黑

    字型顏色

    組件中所有文本的字型顏色。

    字型大小

    組件中所有文本的字型大小。

    字型粗細

    組件所有文本的字型粗細。

    連線顏色

    連線的顏色。

    連線寬

    連線的寬度,單位為px。

  • 掃光:掃光效果的樣式,可單擊開關表徵圖表徵圖開啟或關閉掃光效果。

    • 圖片:掃光效果所使用的圖片,輸入為圖片的URL連結。

    • 動畫時間長度:掃光動畫持續的時間,單位為s。

資料來源面板image.png

參數

說明

type

類目值,對應具體的常值內容。

value

數值,對應圖中雷達地區中的具體資料。數值越大,距離外圈越近。

資料項目配置

說明

資料來源

組件的資料來源中通過代碼編輯可視化編輯展示了組件所包含的資料欄位。也可以修改資料類型,靈活配置組件資料。

資料對應

當您需要自訂圖表欄位配置時,可以在資料對應模組設定不同的欄位對應內容,將這些欄位對應到組件對應的欄位上。無需修改資料來源中的欄位,就可以實現資料的即時匹配。也可以單擊image表徵圖對欄位分別樣式配置。

過濾器

開啟過濾器,選擇已建立的資料過濾器或建立資料過濾器,並配置資料過濾器指令碼,實現資料的篩選功能。詳情請參見管理資料過濾器

資料響應結果

即時展示了組件所使用的資料。當組件資料來源發生變化時,資料響應結果會對應展示最新的資料。如果系統反應延遲,您可以單擊右側的image表徵圖,查看資料響應結果,也可以單擊右側的image表徵圖,擷取組件的最新資料。您也可以單擊查看樣本,查看當前組件的響應結果樣本。

禁止載入態

勾選複選框,在組件更新和預覽資料看板時,將看不到組件初始化時的載入內容,去勾選則相反。預設為去勾選狀態。

受控模式

勾選複選框,組件初始化狀態下不請求資料,僅通過全域變數或藍圖編輯器配置的方法發起請求資料;去勾選複選框,可以使用自動更新請求資料。預設為去勾選狀態。

自動更新請求

勾選複選框,可以手動輸入輪詢的時間頻次設定動態輪詢。清除後則不會自動更新,需要手動重新整理頁面,或通過藍圖編輯器和全域變數事件來觸發請求更新資料。

進階面板

此組件沒有互動事件。

藍圖互動

  1. 單擊頁面左上方的image表徵圖,進入藍圖頁面。

  2. 圖層節點頁簽下,添加當前組件至主畫布中。

  3. 查看藍圖配置參數。image.png

    • 事件

      事件

      說明

      當資料介面請求完成時

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

    • 動作

      動作

      說明

      匯入資料介面

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

      請求資料介面

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

      移動

      將組件移動到指定位置,參考資料樣本。

          {      
            // 移動方式。絕對位置:to,相對定位:by。預設值:to。
              "positionType": "to",
            // 指定位置。x座標,y座標。
            "attr": {
              "x": 0,
              "y": 0
            },
            // 動畫方式。
            "animation": {
              "enable": false,
              // 動畫延時,單位ms。
              "animationDuration": 1000,
              // 動畫曲線。可選值為:linear|easeInOutQuad|easeInOutExpo。
              "animationEasing": "linear"
            }
          }

      切換顯隱

      切換組件顯示或者隱藏,不需要參數。

      顯示

      顯示組件,參考資料樣本。

      {
        "animationType": "",//動畫方式,可選值:fade,不填無動畫。
        "animationDuration": 1000,//動畫延遲,單位ms。
        "animationEasing": ""//動畫曲線
      }

      隱藏

      隱藏組件,參考資料樣本。

      {
        "animationType": "",//動畫方式,可選值:fade,不填無動畫。
        "animationDuration": 1000,//動畫延遲,單位ms。
        "animationEasing": ""//動畫曲線
      }

      更新群組件配置

      動態更新組件的樣式配置。需要先在組件的樣式面板中,單擊複製配置到剪貼簿,擷取組件配置資料。再根據需要在藍圖編輯器配置頁面的資料處理節點中更改對應樣式的欄位值。