| | |
| | | |
| | | loading.value = true |
| | | try { |
| | | const chartData = await suggestSnapshotApi.getChartList({ |
| | | chooseDataList: selectedData.value |
| | | }) |
| | | const selectedDataList = selectedData.value.map(code => |
| | | dataList.value.find(d => d.dataNo === code) |
| | | ).filter(Boolean) // 过滤无效项 |
| | | const chartData = await suggestSnapshotApi.getChartList( |
| | | selectedDataList |
| | | ) |
| | | // const chartData =[ |
| | | // { |
| | | // "dataNo": "F0000101228", |
| | | // "categories": [ |
| | | // "2024-02-01T00:00:00", |
| | | // "2024-02-01T02:00:00", |
| | | // "2024-02-01T04:00:00", |
| | | // "2024-02-01T06:00:00", |
| | | // "2024-02-01T08:00:00", |
| | | // "2024-02-01T10:00:00", |
| | | // "2024-02-01T12:00:00", |
| | | // "2024-02-01T14:00:00", |
| | | // "2024-02-01T16:00:00", |
| | | // "2024-02-01T18:00:00" |
| | | // ], |
| | | // "series": [ |
| | | // { |
| | | // "name": "温度", |
| | | // "data": [22.1, 21.8, 21.5, 22.3, 24.5, 26.7, 28.2, 27.9, 25.6, 23.4] |
| | | // } |
| | | // "dataList": [ |
| | | // ["2024-02-01 00:00:00", 220.1], |
| | | // ["2024-02-01 01:00:00", 219.8], |
| | | // ["2024-02-01 02:00:00", 220.2], |
| | | // ["2024-02-01 03:00:00", 219.9], |
| | | // ["2024-02-01 04:00:00", 220.5], |
| | | // ["2024-02-01 05:00:00", 221.0], |
| | | // ["2024-02-01 06:00:00", 220.8], |
| | | // ["2024-02-01 07:00:00", 220.6], |
| | | // ["2024-02-01 08:00:00", 220.3], |
| | | // ["2024-02-01 09:00:00", 220.0] |
| | | // ] |
| | | // }, |
| | | // { |
| | | // "dataNo": "F0000100152", |
| | | // "categories": [ |
| | | // "2024-02-01T00:00:00", |
| | | // "2024-02-01T02:00:00", |
| | | // "2024-02-01T04:00:00", |
| | | // "2024-02-01T06:00:00", |
| | | // "2024-02-01T08:00:00", |
| | | // "2024-02-01T10:00:00", |
| | | // "2024-02-01T12:00:00", |
| | | // "2024-02-01T14:00:00", |
| | | // "2024-02-01T16:00:00", |
| | | // "2024-02-01T18:00:00" |
| | | // ], |
| | | // "series": [ |
| | | // { |
| | | // "name": "电压", |
| | | // "data": [220.1, 219.8, 220.2, 219.9, 220.5, 221.0, 220.8, 220.6, 220.3, 220.0] |
| | | // } |
| | | // "dataList": [ |
| | | // ["2024-02-01 00:00:00", 220.1], |
| | | // ["2024-02-01 01:00:00", 219.8], |
| | | // ["2024-02-01 02:00:00", 220.2], |
| | | // ["2024-02-01 03:00:00", 219.9], |
| | | // ["2024-02-01 04:00:00", 220.5], |
| | | // ["2024-02-01 05:00:00", 221.0], |
| | | // ["2024-02-01 06:00:00", 220.8], |
| | | // ["2024-02-01 07:00:00", 220.6], |
| | | // ["2024-02-01 08:00:00", 220.3], |
| | | // ["2024-02-01 09:00:00", 220.0] |
| | | // ] |
| | | // } |
| | | // ] |
| | | // ]; |
| | | destroyCharts() |
| | | |
| | | // 生成图表配置数据 |
| | |
| | | }, |
| | | tooltip: { trigger: 'axis' }, |
| | | grid: { top: 30, left: '3%', right: '5%', bottom: 20 }, |
| | | xAxis: { |
| | | type: 'category', |
| | | data: chartInfo.data?.categories || [] |
| | | }, |
| | | xAxis: {type: 'category'}, |
| | | yAxis: { type: 'value' }, |
| | | dataZoom: [{ type: 'inside' }], |
| | | series: [{ |
| | | type: 'line', |
| | | data: chartInfo.data?.series?.[0]?.data || [], |
| | | data: chartInfo.data?.dataList || [], |
| | | lineStyle: { color: '#5B8FF9', width: 1 } |
| | | }] |
| | | } |