fix: echarts resize error (#622)

Tencent · Oct 30, 2023 · 03e9596 · 03e9596
1 parent cc84c85
commit 03e9596
Showing 1 changed file with 3 additions and 5 deletions.
diff --git a/src/hooks/index.ts b/src/hooks/index.ts
@@ -1,16 +1,14 @@
 import * as echarts from 'echarts/core';
-import { onMounted, onUnmounted, Ref, ref } from 'vue';
+import { onMounted, onUnmounted, Ref, ref, ShallowRef, shallowRef } from 'vue';
 
 /**
  * eChart hook
  * @param domId
- * @param chart
  */
-export const useChart = (domId: string): Ref<echarts.ECharts> => {
+export const useChart = (domId: string): ShallowRef<echarts.ECharts> => {
   let chartContainer: HTMLCanvasElement;
-  const selfChart = ref<echarts.ECharts | any>();
+  const selfChart = shallowRef<echarts.ECharts | any>();
   const updateContainer = () => {
-    // TODO resize 报错，响应式的问题，待处理
     selfChart.value.resize({
       width: chartContainer.clientWidth,
       height: chartContainer.clientHeight,