diff --git a/src/views/index.vue b/src/views/index.vue index 698bae0a..f511aa1e 100644 --- a/src/views/index.vue +++ b/src/views/index.vue @@ -34,7 +34,12 @@ echarts.use([ /**用户性别字典 */ let indexColor = ref([ { label: 'normal', value: 'normal', elTagType: '', elTagClass: '#91cc75' }, - { label: 'abnormal', value: 'abnormal', elTagType: '', elTagClass: '#ee6666' }, + { + label: 'abnormal', + value: 'abnormal', + elTagType: '', + elTagClass: '#ee6666', + }, ]); /**表格字段列 */ @@ -166,9 +171,16 @@ function fnGetList(one: boolean) { errorNum++; } } - echarts.init(document.getElementById('echarts-records')).clear(); - var chartDom = document.getElementById('echarts-records'); - var myChart = echarts.init(chartDom); + + var chartDom: any = document.getElementById('echarts-records'); + var existingChart = echarts.getInstanceByDom(chartDom); + var myChart: any; + if (existingChart) { + myChart = existingChart; + myChart.clear(); // 清空图表,重新设置数据 + } else { + myChart = echarts.init(chartDom); + } var option = { title: { @@ -221,10 +233,16 @@ function fnGetList(one: boolean) { /**點擊網元名 */ function init(e: any) { let realData = toRaw(e); - var chartDom = document.getElementById('echarts-records'); - var myChart = echarts.init(chartDom); - myChart.clear(); //怕遗留以前得元素 + var chartDom: any = document.getElementById('echarts-records'); + var existingChart = echarts.getInstanceByDom(chartDom); + var myChart: any; + if (existingChart) { + myChart = existingChart; + myChart.clear(); // 清空图表,重新设置数据 + } else { + myChart = echarts.init(chartDom); + } let cpuUsage = realData.cpuUsage; let memUsage = realData.memUsage; var nfMenUsage =