From 89d78b7ec70a85a0553ea9ba64227cefedda04e0 Mon Sep 17 00:00:00 2001
From: chansee97 <chen.dev@foxmail.com>
Date: Sun, 22 Sep 2024 23:23:15 +0800
Subject: [PATCH] fix: useEcharts updata error

---
 src/hooks/useEcharts.ts | 9 +++++----
 1 file changed, 5 insertions(+), 4 deletions(-)

diff --git a/src/hooks/useEcharts.ts b/src/hooks/useEcharts.ts
index c9e6000..c7e3bab 100644
--- a/src/hooks/useEcharts.ts
+++ b/src/hooks/useEcharts.ts
@@ -77,7 +77,7 @@ export function useEcharts(ref: string, chartOptions: Ref<ECOption>) {
 
   const { width, height } = useElementSize(el)
 
-  const isRendered = computed(() => Boolean(el && chart))
+  const isRendered = () => Boolean(el && chart)
 
   async function render() {
     // 宽或高不存在时不渲染
@@ -92,9 +92,10 @@ export function useEcharts(ref: string, chartOptions: Ref<ECOption>) {
     }
   }
 
-  function update(updateOptions: ECOption) {
-    if (isRendered.value)
+  async function update(updateOptions: ECOption) {
+    if (isRendered()) {
       chart!.setOption({ backgroundColor: 'transparent', ...updateOptions })
+    }
   }
 
   function destroy() {
@@ -103,7 +104,7 @@ export function useEcharts(ref: string, chartOptions: Ref<ECOption>) {
   }
 
   watch([width, height], async ([newWidth, newHeight]) => {
-    if (isRendered.value && newWidth && newHeight)
+    if (isRendered() && newWidth && newHeight)
       chart?.resize()
   })