| | |
| | | <el-checkbox-group v-model="selectedData" @change="refreshCharts"> |
| | | <el-checkbox |
| | | v-for="item in dataList" |
| | | :label="item.dataNo" |
| | | :key="item.dataNo" |
| | | :label="item.dataName" |
| | | :key="item.dataName" |
| | | > |
| | | {{ item.dataName }} |
| | | </el-checkbox> |
| | |
| | | loading.value = true |
| | | try { |
| | | const selectedDataList = selectedData.value.map(code => |
| | | dataList.value.find(d => d.dataNo === code) |
| | | dataList.value.find(d => d.dataName === code) |
| | | ).filter(Boolean) // 过滤无效项 |
| | | const chartData = await suggestSnapshotApi.getChartList( |
| | | selectedDataList |
| | | ) |
| | | // const chartData = [ |
| | | // { |
| | | // "dataNo": "F0000101228", |
| | | // "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", |
| | | // "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() |
| | | |
| | | // 生成图表配置数据 |
| | | charts.value = selectedData.value.map(code => { |
| | | const item = dataList.value.find(d => d.dataNo === code) |
| | | const item = dataList.value.find(d => d.dataName === code) |
| | | return { |
| | | id: `chart-${code}`, |
| | | name: item?.dataName || code, |
| | | data: chartData.find((d: any) => d.dataNo === code) |
| | | data: chartData.find((d: any) => d.dataName === code) |
| | | } |
| | | }) |
| | | |