图表修改动态id

zhouwenxuan

2023-10-25 7098891a4ac92dbe365596883099d63e99b8015c

图表修改动态id

 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: {

 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: {

 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: {