diff --git a/core/core-frontend/src/api/chart.ts b/core/core-frontend/src/api/chart.ts
index e60a63eabf..4bd18755a0 100644
--- a/core/core-frontend/src/api/chart.ts
+++ b/core/core-frontend/src/api/chart.ts
@@ -64,7 +64,8 @@ export const getData = async (data): Promise<IResponse> => {
     'extBubble',
     'extLabel',
     'extStack',
-    'extTooltip'
+    'extTooltip',
+    'extColor'
   ]
   const dataFields = ['fields', 'sourceFields']
   originNameHandleWithArr(copyData, fields)
diff --git a/core/core-frontend/src/api/visualization/dataVisualization.ts b/core/core-frontend/src/api/visualization/dataVisualization.ts
index f355992ff6..568d285f31 100644
--- a/core/core-frontend/src/api/visualization/dataVisualization.ts
+++ b/core/core-frontend/src/api/visualization/dataVisualization.ts
@@ -85,7 +85,8 @@ export const updateCanvas = data => {
     'extBubble',
     'extLabel',
     'extStack',
-    'extTooltip'
+    'extTooltip',
+    'extColor'
   ]
 
   for (const key in copyData.canvasViewInfo) {