feat(echarts): add getInstance for useECharts

为useECharts添加getInstance以便绑定事件或执行更多自定义动作
vbenjs · Jun 4, 2021 · fb6c76d · fb6c76d
1 parent 46899aa
commit fb6c76d
Showing 1 changed file with 16 additions and 10 deletions.
diff --git a/src/hooks/web/useECharts.ts b/src/hooks/web/useECharts.ts
@@ -23,17 +23,15 @@ export function useECharts(
 
   resizeFn = useDebounceFn(resize, 200);
 
-  const getOptions = computed(
-    (): EChartsOption => {
-      if (getDarkMode.value !== 'dark') {
-        return cacheOptions.value;
-      }
-      return {
-        backgroundColor: 'transparent',
-        ...cacheOptions.value,
-      };
+  const getOptions = computed((): EChartsOption => {
+    if (getDarkMode.value !== 'dark') {
+      return cacheOptions.value;
     }
-  );
+    return {
+      backgroundColor: 'transparent',
+      ...cacheOptions.value,
+    };
+  });
 
   function initCharts(t = theme) {
     const el = unref(elRef);
@@ -100,9 +98,17 @@ export function useECharts(
     chartInstance = null;
   });
 
+  function getInstance(): echarts.ECharts | null {
+    if (!chartInstance) {
+      initCharts(getDarkMode.value as 'default');
+    }
+    return chartInstance;
+  }
+
   return {
     setOptions,
     resize,
     echarts,
+    getInstance,
   };
 }