日本熟妇hd丰满老熟妇,中文字幕一区二区三区在线不卡 ,亚洲成片在线观看,免费女同在线一区二区

自定義路徑

自定義路徑組件可用于呈現兩點之間的物體運動軌跡或路徑情況。本文為您介紹如何添加并配置自定義路徑組件。

圖表樣式

自定義路徑支持設置運動物體的樣式及運動軌跡,可直觀的呈現物體的整個運動過程。

image

前提條件

已創建數據看板,支持使用模板創建使用空白畫布創建使用AI智能生成

添加自定義路徑組件

  1. 登錄DataV控制臺

  2. 工作臺 > 全部應用 > 數據看板單擊目標看板,進入看板的畫布編輯頁面。

  3. 在左側導航欄的組件庫 > 控件 > 全部列表下,單擊自定義路徑組件,添加該組件至畫布。

您也可使用全局搜索添加相關組件。

配置自定義路徑組件

單擊自定義路徑組件,即可在右側面板配置組件的基礎樣式、全局變量和交互事件等高級配置,以及藍圖交互配置。

樣式配置

相關配置項介紹如下。

配置項

描述

圖示

基礎配置

定義組件在數據看板中的位置分布、透明程度、交互穿透。

  • 不透明度:數值越小,組件越透明。取值范圍為0~1內的數值。

  • 交互穿透:開啟后,鼠標可穿透該組件,避免看板中組件較多時,該組件會遮擋鼠標與下層組件的交互。

image

全局配置

定義組件呈現的運動路徑及路徑的顯示樣式(實線或虛線、線的粗細、線的顏色等)。

可通過如下形式定義路徑軌跡:

  • 文件上傳:僅支持上傳SVG格式文件,且需包含用來描述二維矢量圖形的SVG標簽文件。鼠標懸停至圖片上方,單擊更改,即可上傳官方或您本地的設計資源

  • 字符串:輸入SVG路徑數據。例如,M433.771416,3.94926004 C347.141186,5.69356279 274.845026,48.3758822 216.882935,131.996218 C158.920845,215.616554 86.6246843,258.267568 -0.00554592745,259.94926

說明

SVG為可縮放矢量圖形,通常表示一條復雜的曲線或路徑。

image

圖片配置

定義組件中描述運動軌跡的物體樣式,可使用圓形、矩形或自定義圖片。

鼠標懸停至圖片上方,單擊更改,即可上傳官方或您本地的設計資源。同時,支持設置圖片/圖形的寬度、高度、顏色、邊框粗細等樣式。

說明

運動物體不同,樣式配置項存在差異,具體請以實際界面為準。

image

動畫配置

定義組件運動軌跡的動畫效果。包括,運動方向、時長、路徑范圍、速度等。

  • 運動方向:包括正向單向、逆向單向、正向往返、逆向往返等。

  • 路徑范圍:取值為0~100

    • 0:表示僅位于起點不移動。

    • 100:表示僅位于終點不移動。

    • 50:表示每次運動僅會從起點移動至中間位置便停止,不會繼續向終點位置移動。

  • 路徑移速:可按需設置運動物體的移動速度。

image

高級配置

相關配置項介紹如下。

配置項

描述

圖示

交互事件

定于與其他組件間的交互行為,實現組件聯動。例如,該組件可用于航班信息展示,可實現當自定義路徑組件開始運動時,輪播列表顯示當前航班的位置信息。

單擊image圖標,即可定義相關交互事件及交互動作。

image

關聯全局變量

可在組件中關聯全局參數,實現組件間的參數傳遞,進行組件交互。單擊image圖標,即可開啟相應指令,并為該指令關聯所需全局變量

image

藍圖交互

可通過藍圖編輯器使用可視化連線方式,定義組件間的交互關系及行為邏輯。操作步驟如下:

  1. 在畫布編輯頁面,單擊頂部菜單欄左側的image圖標,進入藍圖編輯器。

  2. 在圖層節點列表,鼠標懸停至自定義路徑組件,單擊image圖標,添加該組件至主畫布。

  3. 通過連線方式,按需配置相關組件的藍圖交互效果。

    示例如下。image