|
@@ -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,
|
|
|
};
|
|
|
}
|