From 7098891a4ac92dbe365596883099d63e99b8015c Mon Sep 17 00:00:00 2001 From: zhouwenxuan <1175765986@qq.com> Date: 星期三, 25 十月 2023 09:49:54 +0800 Subject: [PATCH] 图表修改动态id --- src/views/monitorData/weatherData/index.vue | 6 +++--- 1 files changed, 3 insertions(+), 3 deletions(-) diff --git a/src/views/monitorData/weatherData/index.vue b/src/views/monitorData/weatherData/index.vue index 85cb432..d760617 100644 --- a/src/views/monitorData/weatherData/index.vue +++ b/src/views/monitorData/weatherData/index.vue @@ -38,7 +38,7 @@ </el-button> </el-form> </div> - <div id="gasChart" style="height: 500px;width: auto"></div> + <div :id="weatherChart" style="height: 500px;width: auto"></div> <el-table :data="state.tableData.data" style="width: 100%;margin-top: 20px" v-loading="loading"> <el-table-column type="index" label="序号" width="80" /> <el-table-column align="center" prop="time" label="采集时间"/> @@ -114,6 +114,7 @@ const xData = ref([]); const yData = ref([]); const myChart = shallowRef(null) +const weatherChart = ref("eChartweatherN" + Date .now() + Math .random()) const chooseTime = (val: any) => { console.log("val",val) @@ -142,7 +143,6 @@ getNowTime(); initInfoData(); initCharts(); - } ); const getNowTime = () => { @@ -241,7 +241,7 @@ if (myChart.value != null && myChart.value != "" && myChart.value != undefined) { myChart.value.dispose(); } - myChart.value = echarts.init(document.getElementById('gasChart')); + myChart.value = echarts.init(document.getElementById(weatherChart.value)); // 指定图表的配置项和数据 const option = { tooltip: { -- Gitblit v1.9.2