From 5fb8881763df9a0050f28987c854be469b855419 Mon Sep 17 00:00:00 2001
From: chansee97 <chen.dev@foxmail.com>
Date: Sat, 24 Aug 2024 00:42:45 +0800
Subject: [PATCH] fix: modify echart bg color

---
 src/hooks/useEcharts.ts          | 2 +-
 src/views/demo/echarts/index.vue | 4 ----
 2 files changed, 1 insertion(+), 5 deletions(-)

diff --git a/src/hooks/useEcharts.ts b/src/hooks/useEcharts.ts
index 3000838..abc54cc 100644
--- a/src/hooks/useEcharts.ts
+++ b/src/hooks/useEcharts.ts
@@ -92,7 +92,7 @@ export function useEcharts(el: Ref<HTMLElement | null>, chartOptions: Ref<ECOpti
 
   function update(updateOptions: ECOption) {
     if (isRendered.value)
-      chart!.setOption({ ...updateOptions })
+      chart!.setOption({ backgroundColor: 'transparent', ...updateOptions })
   }
 
   function destroy() {
diff --git a/src/views/demo/echarts/index.vue b/src/views/demo/echarts/index.vue
index 8f0cedf..d3fbf85 100644
--- a/src/views/demo/echarts/index.vue
+++ b/src/views/demo/echarts/index.vue
@@ -7,7 +7,6 @@ const pieOptions = ref<ECOption>({
   title: {
     text: '饼图',
   },
-  backgroundColor: 'transparent',
   color: [
     '#37a2da',
     '#32c5e9',
@@ -83,7 +82,6 @@ const lineOptions = ref<ECOption>({
   title: {
     text: '折线图',
   },
-  backgroundColor: 'transparent',
   tooltip: {
     trigger: 'axis',
     axisPointer: {
@@ -276,7 +274,6 @@ const barOptions = ref<ECOption>({
   title: {
     text: '柱状图',
   },
-  backgroundColor: 'transparent',
   tooltip: {},
   grid: {
     top: '8%',
@@ -418,7 +415,6 @@ const radarOptions = ref<ECOption>({
   title: {
     text: 'Multiple Radar',
   },
-  backgroundColor: 'transparent',
   tooltip: {},
   legend: {
     left: 'center',