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