大坝浸润线横截面展示
-
传入
大坝高度、大坝迎水面宽度、大坝背水面宽度、大坝坝顶宽度等四个参数来绘制大坝形状 -
传入
渗压传感器数据绘制传感器点位及渗流面
- 初始化大坝形状
const container = document.getElementById('container');
const instance = new DamPhreaticLine(container);
instance.initialize({
damHeight: 100,
damLeftWidth: 200,
damRightWidth: 300,
damTopWidth: 50,
});
- 传入传感器数据
instance.addSeaLevel(100);
instance.addSensors([
{
name: '#001',
value: 30,
distance: -10,
},
{
name: '#002',
value: 20,
distance: 10,
},
]);| 参数 | 说明 | 类型 | 默认值 |
|---|---|---|---|
damHeight |
大坝高度(m) | number |
- |
damLeftWidth |
大坝迎水面宽度(m) | number |
- |
damRightWidth |
大坝背水面宽度(m) | number |
- |
damTopWidth |
大坝坝顶宽度(m) | number |
- |
seaLevel |
坝外水位 | number |
- |
| 参数 | 说明 | 类型 | 默认值 |
|---|---|---|---|
name |
传感器名称 | string |
- |
value |
传感器值(m) | number |
- |
distance |
传感器距离闸门的距离(m), 闸门位置以迎水坡和背水坡为界。 | number |
- |
- distance: 有效值为
[-damLeftWidth, +damRightWidth]。假如迎水坡宽度为200，背水坡宽度为100, 则取值范围为[-200, 100],0表示在闸门处。
| 方法名称 | 描述 | 参数 |
|---|---|---|
| updateSensor | 更新单个传感器 | {name, value, distance} |
| updateSensors | 全量更新传感器 | Array<{name, value, distance}> |