canrd-outside / order-erp-front · Commits

Commit fb6c76db535bd0c6305d03c0cff876a1f079100b

Authored by 无木
1 parent 46899aa3

feat(echarts): add getInstance for useECharts 

为useECharts添加getInstance以便绑定事件或执行更多自定义动作
Inline Side-by-side
Showing 1 changed file with 16 additions and 10 deletions
src/hooks/web/useECharts.ts
  View file @fb6c76d
... ... @@ -23,17 +23,15 @@ export function useECharts(
23 23  
24 24 resizeFn = useDebounceFn(resize, 200);
25 25  
26   - const getOptions = computed(
27   - (): EChartsOption => {
28   - if (getDarkMode.value !== 'dark') {
29   - return cacheOptions.value;
30   - }
31   - return {
32   - backgroundColor: 'transparent',
33   - ...cacheOptions.value,
34   - };
  26 + const getOptions = computed((): EChartsOption => {
  27 + if (getDarkMode.value !== 'dark') {
  28 + return cacheOptions.value;
35 29 }
36   - );
  30 + return {
  31 + backgroundColor: 'transparent',
  32 + ...cacheOptions.value,
  33 + };
  34 + });
37 35  
38 36 function initCharts(t = theme) {
39 37 const el = unref(elRef);
... ... @@ -100,9 +98,17 @@ export function useECharts(
100 98 chartInstance = null;
101 99 });
102 100  
  101 + function getInstance(): echarts.ECharts | null {
  102 + if (!chartInstance) {
  103 + initCharts(getDarkMode.value as 'default');
  104 + }
  105 + return chartInstance;
  106 + }
  107 +
103 108 return {
104 109 setOptions,
105 110 resize,
106 111 echarts,
  112 + getInstance,
107 113 };
108 114 }
... ...