跳到主要内容

Trace 迹线

何时使用

当需要迹线功能时,可以使用该组件。

代码演示

基本使用

API

属性说明类型默认值
id设置组件的唯一标识符number-
isOpen是否打开迹线booleanfalse
parameter迹线参数TraceParameter-
parameterOptions迹线参数选项TraceParameterOptions-
onConfirm点击确认按钮触发的回调函数(v: TraceParameter) => void-
onClose点击关闭按钮触发的回调函数() => void-

TraceParameter

type TraceParameter = {
source: string;
parameter: string;
density: number;
gap: number;
displaySurface: string;
fieldVariable: string;
opacity: number;
};

TraceParameterOptions

type TraceParameterOptions = {
source?: SelectOptionProps;
parameter?: SelectOptionProps;
density?: SliderInputProps;
gap?: SliderInputProps;
displaySurface?: SelectOptionProps;
fieldVariable?: SelectOptionProps;
opacity?: SliderInputProps;
};