diff --git a/core/core-frontend/src/views/chart/components/js/panel/charts/others/quadrant.ts b/core/core-frontend/src/views/chart/components/js/panel/charts/others/quadrant.ts
index cb15ae690f..3162c22a53 100644
--- a/core/core-frontend/src/views/chart/components/js/panel/charts/others/quadrant.ts
+++ b/core/core-frontend/src/views/chart/components/js/panel/charts/others/quadrant.ts
@@ -198,6 +198,11 @@ export class Quadrant extends G2PlotChartView<ScatterOptions, G2Scatter> {
     })
     const baseOptions: ScatterOptions = {
       colorField: 'field',
+      meta: {
+        field: {
+          type: 'cat'
+        }
+      },
       quadrant: {
         ...defaultBaselineQuadrant
       },
diff --git a/core/core-frontend/src/views/chart/components/js/panel/charts/others/scatter.ts b/core/core-frontend/src/views/chart/components/js/panel/charts/others/scatter.ts
index 9eda92c8b3..ea449732f3 100644
--- a/core/core-frontend/src/views/chart/components/js/panel/charts/others/scatter.ts
+++ b/core/core-frontend/src/views/chart/components/js/panel/charts/others/scatter.ts
@@ -108,6 +108,11 @@ export class Scatter extends G2PlotChartView<ScatterOptions, G2Scatter> {
       xField: 'field',
       yField: 'value',
       colorField: 'category',
+      meta: {
+        field: {
+          type: 'cat'
+        }
+      },
       appendPadding: getPadding(chart),
       interactions: [
         {