diff --git a/core/core-frontend/src/views/chart/components/js/panel/charts/g2/relation/scatter.ts b/core/core-frontend/src/views/chart/components/js/panel/charts/g2/relation/scatter.ts
index 13cbe11638..f5c13e129b 100644
--- a/core/core-frontend/src/views/chart/components/js/panel/charts/g2/relation/scatter.ts
+++ b/core/core-frontend/src/views/chart/components/js/panel/charts/g2/relation/scatter.ts
@@ -400,15 +400,7 @@ export class Scatter extends G2ChartView {
           gridStrokeOpacity: 1,
           gridLineWidth: xAxis.splitLine.lineStyle.width,
           gridLineDash,
-          transform: xAxis.axisLabel.rotate
-            ? [
-                {
-                  type: 'rotate',
-                  optionalAngles: [xAxis.axisLabel.rotate],
-                  recoverWhenFailed: false
-                }
-              ]
-            : []
+          labelTransform: `rotate(${xAxis.axisLabel.rotate || 0})`
         }
       }
     }