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/gasData/index.vue | 5 +++--
src/views/monitorData/fluxData/index.vue | 6 +++---
src/views/monitorData/weatherData/index.vue | 6 +++---
3 files changed, 9 insertions(+), 8 deletions(-)
diff --git a/src/views/monitorData/fluxData/index.vue b/src/views/monitorData/fluxData/index.vue
index 107a490..841e596 100644
--- a/src/views/monitorData/fluxData/index.vue
+++ b/src/views/monitorData/fluxData/index.vue
@@ -48,7 +48,7 @@
</el-button>
</el-form>
</div>
- <div id="gasChart" style="height: 500px;width: auto"></div>
+ <div :id="fluxChart" style="height: 500px;width: auto"></div>
<el-table :data="state.tableData.data" style="width: 100%" v-loading="loading">
<el-table-column type="index" label="序号" width="80" />
<el-table-column align="center" prop="time" label="采集时间"/>
@@ -108,7 +108,7 @@
const loading = ref(false);
const myChart = shallowRef(null)
-
+const fluxChart =ref("eChartfluxN" + Date .now() + Math .random())
const chooseTime = (val:any) => {
console.log("val",val)
let sTime = Date.parse(new Date(val[0]));
@@ -320,7 +320,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(fluxChart.value));
// 指定图表的配置项和数据
const option = {
tooltip: {
diff --git a/src/views/monitorData/gasData/index.vue b/src/views/monitorData/gasData/index.vue
index 3bc9b1d..fe4ad87 100644
--- a/src/views/monitorData/gasData/index.vue
+++ b/src/views/monitorData/gasData/index.vue
@@ -38,7 +38,7 @@
</el-button>
</el-form>
</div>
- <div id="gasChart" style="height: 500px;width: auto"></div>
+ <div :id="gasChart" 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="采集时间"/>
@@ -93,6 +93,7 @@
gasList: []
}
});
+const gasChart = ref("eChartgasN" + Date .now() + Math .random())
const chooseTime = (val: any) => {
let sTime = Date.parse(new Date(val[0]));
@@ -236,7 +237,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(gasChart.value));
// 指定图表的配置项和数据
const option = {
tooltip: {
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