Trace 迹线
何时使用
当需要迹线功能时, 可以使用该组件。
代码演示
基本使用
API
属性 | 说明 | 类型 | 默认值 |
---|---|---|---|
id | 设置组件的唯一标识符 | number | - |
isOpen | 是否打开迹线 | boolean | false |
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;
};