From c85ea17d45adac17b780992e049685d72168fdda Mon Sep 17 00:00:00 2001
From: spring <2396852758@qq.com>
Date: 星期日, 27 四月 2025 14:38:48 +0800
Subject: [PATCH] 工艺文件缓存
---
src/views/equipment/mqtt-show/components/largeAreaChart.vue | 36 +++++++++---------------------------
1 files changed, 9 insertions(+), 27 deletions(-)
diff --git a/src/views/equipment/mqtt-show/components/largeAreaChart.vue b/src/views/equipment/mqtt-show/components/largeAreaChart.vue
index 0c5b6d1..325ab08 100644
--- a/src/views/equipment/mqtt-show/components/largeAreaChart.vue
+++ b/src/views/equipment/mqtt-show/components/largeAreaChart.vue
@@ -4,8 +4,6 @@
<script>
import * as echarts from 'echarts'
-var myChart = null
-var option = null
export default {
props: {
@@ -25,12 +23,6 @@
data() {
return {
option: {
- tooltip: {
- trigger: 'axis',
- position: function(pt) {
- return [pt[0], '10%']
- }
- },
title: {
left: '5%',
text: '璁惧鍚嶇О锛�' + this.otherData.deviceName
@@ -97,38 +89,28 @@
}
},
mounted() {
- myChart = echarts.init(this.$refs.myChart)
+ // 姝ｇ‘浣跨敤 this 鏉ュ畾涔� myChart 涓虹粍浠跺疄渚嬬殑鍙橀噺
+ this.myChart = echarts.init(this.$refs.myChart)
this.initDrag()
},
methods: {
initDrag() {
- myChart.setOption((option = this.option), true)
+ this.myChart.setOption(this.option)
- // 椤甸潰鍙戠敓鍙樺寲tree涔熸敼鍙�
+ // 椤甸潰鍙戠敓鍙樺寲 tree 涔熸敼鍙�
window.addEventListener('resize', () => {
- if (myChart) myChart.resize()
+ if (this.myChart) this.myChart.resize()
})
},
refreshData(seriesData, xAxisData) {
- //鍒锋柊鏁版嵁
- let refreshOption = myChart.getOption()
+ // 鍒锋柊鏁版嵁
+ const refreshOption = this.myChart.getOption()
refreshOption.series[0].data = seriesData
refreshOption.xAxis[0].data = xAxisData
- myChart.setOption(refreshOption)
+ // 浣跨敤 Promise 鍖呰 setOption 浣垮叾鎴愪负寮傛鎿嶄綔
+ this.myChart.setOption(refreshOption, true)
}
}
- // watch: {
- // yAxisMonth: {
- // handler(newVal) {
- // console.log(`output->myChart`,myChart)
- // setTimeout(()=>{
- // myChart.setOption((option = this.option), true)
- // },100)
-
- // },
- // deep: true
- // }
- // }
}
</script>
--
Gitblit v1.9.3