From 2d6ec7162f446b64fe395a7e77894277b9385d96 Mon Sep 17 00:00:00 2001
From: ZhangXianQiang <1135831638@qq.com>
Date: 星期三, 13 三月 2024 10:57:06 +0800
Subject: [PATCH] feat:添加数据缓动效果
---
src/views/home/data-view/components/data-hola.vue | 27 +++++++++++++++++++++++++--
1 files changed, 25 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..98177aa 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'
@@ -78,6 +78,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 +108,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