From a4cbbcb82bf6b5f09df1455f6436e4dd8047704a Mon Sep 17 00:00:00 2001
From: ZhangXianQiang <1135831638@qq.com>
Date: 星期一, 18 三月 2024 14:23:46 +0800
Subject: [PATCH] feat:运行监控模块
---
src/views/home/data-view/components/data-hola.vue | 28 ++++++++++++++++++++++++++--
1 files changed, 26 insertions(+), 2 deletions(-)
diff --git a/src/views/home/data-view/components/data-hola.vue b/src/views/home/data-view/components/data-hola.vue
index f2addca..3ea7044 100644
--- a/src/views/home/data-view/components/data-hola.vue
+++ b/src/views/home/data-view/components/data-hola.vue
@@ -7,7 +7,7 @@
<script>
import * as echarts from 'echarts';
let holaChart = null;
-
+let observer = null;
const config = {
tooltip: {
trigger: 'item'
@@ -16,6 +16,7 @@
top: '5%',
left: 'center'
},
+ color: ['#7868d9','#3eba45','#3da7f8','#ffbe40','#fe640d'],
series: [
{
type: 'pie',
@@ -78,6 +79,21 @@
holaChart.setOption(config, true);
}
+ },
+ // 鐩戝惉鍙樺寲
+ observe() {
+ if (!observer) {
+ observer = new ResizeObserver(entries => {
+ this.handleResize();
+ })
+ }
+ observer.observe(this.$refs.hola);
+ },
+ // 绐楀彛鍙樻崲
+ handleResize() {
+ if (holaChart) {
+ holaChart.resize();
+ }
}
},
watch: {
@@ -93,7 +109,15 @@
mounted() {
holaChart = echarts.init(this.$refs.hola);
holaChart.setOption(config, true);
- }
+ this.observe();
+
+ },
+ beforeDestroy() {
+ if (holaChart) {
+ holaChart.dispose();
+ observer.unobserve(this.$refs.hola);
+ }
+ },
}
</script>
--
Gitblit v1.8.0