跳到主要内容

StreamLine 流线

何时使用

当需要流线功能时,可以使用 StreamLine 组件。

代码演示

基础用法

API

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

StreamLineParameter

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

StreamLineParameterOptions

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