diff --git a/dolphinscheduler-ui/src/components/chart/modules/Bar.tsx b/dolphinscheduler-ui/src/components/chart/modules/Bar.tsx
index 8977ca28f8..3375089880 100644
--- a/dolphinscheduler-ui/src/components/chart/modules/Bar.tsx
+++ b/dolphinscheduler-ui/src/components/chart/modules/Bar.tsx
@@ -50,7 +50,6 @@ const BarChart = defineComponent({
         axisPointer: {
           type: 'shadow'
         },
-        backgroundColor: '#fff'
       },
       grid: {
         left: '3%',
diff --git a/dolphinscheduler-ui/src/components/chart/modules/Pie.tsx b/dolphinscheduler-ui/src/components/chart/modules/Pie.tsx
index 0f81fc3591..ac1f31f1c2 100644
--- a/dolphinscheduler-ui/src/components/chart/modules/Pie.tsx
+++ b/dolphinscheduler-ui/src/components/chart/modules/Pie.tsx
@@ -41,8 +41,7 @@ const PieChart = defineComponent({
 
     const option = {
       tooltip: {
-        trigger: 'item',
-        backgroundColor: '#fff'
+        trigger: 'item'
       },
       legend: {
         bottom: '0%',
diff --git a/dolphinscheduler-ui/src/views/projects/workflow/relation/components/Graph.tsx b/dolphinscheduler-ui/src/views/projects/workflow/relation/components/Graph.tsx
index ad6d54332b..fd2d15b222 100644
--- a/dolphinscheduler-ui/src/views/projects/workflow/relation/components/Graph.tsx
+++ b/dolphinscheduler-ui/src/views/projects/workflow/relation/components/Graph.tsx
@@ -70,7 +70,6 @@ const GraphChart = defineComponent({
     const option: any = {
       tooltip: {
         confine: true,
-        backgroundColor: '#fff',
         formatter: (params: any) => {
           if (!params.data.name) {
             return false