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',