--- title: EC_HistoryView - 历史曲线 nav: title: 业务组件 path: /extend-components group: path: / --- # HistoryView 历史数据查看 基础业务组件 - 曲线模式 - 数据强制自动抽稀 - 表格模式 - 默认开启抽稀模式,可选择抽稀 ## 何时使用 - 以图表或表格形式,查看历史数据时。 ## 单图表 <code src="./demos/index.js"></code> ## 移动端 [//]: # (<code src="./demos/mobile.js"></code>) ## 多图表 <code src="./demos/GridDemo.js"></code> ## API | 参数 | 说明 | 类型 | 默认值 | 可选值 | | --- | --- | --- | --- | --- | | grid | 是否为多图表模式 | boolean | false | - | | title | 标题 | string | 指标曲线 | - | | defaultModel | 默认显示模式 | string | `curve` | `curve`图表模式/`table`表格模式 | | showModels | 显示模式 | array | `['curve', 'table']` | `curve`/`table` | | defaultChecked | 默认选中自定义时间 key | string | `roundClock` | `oneHour`/`fourHour`/`twelveHours`/`roundClock`/`yesterday` | | tableProps | 表格其他 props | object | { } | - | | deviceParams | 设备参数信息 | array | - | - | | needMarkLine | 是否添加报警标识线 | boolean | true | | ### deviceParams ```javascript [ { deviceCode: 'EGBF00000146', // 设备编码 sensors: '进水压力,出水瞬时流量', // 设备查询指标 deviceCode: '二供泵房', // 设备类型 }, ... ] ``` 移动端参数 ```javascript { // date date:{ dateFrom: '2022-02-02 00:00:00', dateTo: '2022-02-02 23:59:59', } // deviceParams deviceParams:[{ deviceCode: 'EGBF00000146', // 设备编码 sensors: '进水压力,出水瞬时流量', // 设备查询指标 deviceCode: '二供泵房', // 设备类型 },...], // chartType chartType: 'lineChart' || 'boxChart' } ```