diff --git a/DashboardAnalysis/src/components/Charts/MiniArea/index.tsx b/DashboardAnalysis/src/components/Charts/MiniArea/index.tsx
index 7aa55dd9c1a442ca8f350830abdeb55976727573..2e12183b629fb4fbe5dc52806fc8b016b62392b5 100644
--- a/DashboardAnalysis/src/components/Charts/MiniArea/index.tsx
+++ b/DashboardAnalysis/src/components/Charts/MiniArea/index.tsx
@@ -28,9 +28,6 @@ export interface MiniAreaProps {
   }[];
 }
 
-// g2 4.0 发布之前只能这样先修一下了
-const FixTypeAxis: any = Axis;
-
 const MiniArea: React.FC<MiniAreaProps> = props => {
   const {
     height = 1,
@@ -82,22 +79,22 @@ const MiniArea: React.FC<MiniAreaProps> = props => {
             data={data}
             padding={padding}
           >
-            <FixTypeAxis
+            <Axis
               key="axis-x"
               name="x"
-              label={undefined}
-              line={undefined}
-              tickLine={undefined}
-              grid={undefined}
+              label={null}
+              line={null}
+              tickLine={null}
+              grid={null}
               {...xAxis}
             />
-            <FixTypeAxis
+            <Axis
               key="axis-y"
               name="y"
-              label={undefined}
-              line={undefined}
-              tickLine={undefined}
-              grid={undefined}
+              label={null}
+              line={null}
+              tickLine={null}
+              grid={null}
               {...yAxis}
             />
             <Tooltip showTitle={false} crosshairs={false} />
diff --git a/DashboardAnalysis/src/components/IntroduceRow.tsx b/DashboardAnalysis/src/components/IntroduceRow.tsx
index 8057b6c80e1ca1e8ed9cad04a23a3d1690a80d5b..e97a96a899a32fdfcdba69e94d001ab603cca2e8 100644
--- a/DashboardAnalysis/src/components/IntroduceRow.tsx
+++ b/DashboardAnalysis/src/components/IntroduceRow.tsx
@@ -19,7 +19,7 @@ const topColResponsiveProps = {
 };
 
 const IntroduceRow = ({ loading, visitData }: { loading: boolean; visitData: VisitDataType[] }) => (
-  <Row gutter={24}>
+  <Row gutter={24} type="flex">
     <Col {...topColResponsiveProps}>
       <ChartCard
         bordered={false}
diff --git a/DashboardAnalysis/src/components/OfflineData.tsx b/DashboardAnalysis/src/components/OfflineData.tsx
index deec77a85b658334a709c7ad0ff0bdcbcb858f28..a27ec3e5794cab0f959a3a71231164ad750bde4d 100644
--- a/DashboardAnalysis/src/components/OfflineData.tsx
+++ b/DashboardAnalysis/src/components/OfflineData.tsx
@@ -14,7 +14,7 @@ const CustomTab = ({
   data: OfflineDataType;
   currentTabKey: string;
 }) => (
-  <Row gutter={8} style={{ width: 138, margin: '8px 0' }}>
+  <Row gutter={8} style={{ width: 138, margin: '8px 0' }} type="flex">
     <Col span={12}>
       <NumberInfo
         title={data.name}
diff --git a/DashboardAnalysis/src/components/ProportionSales.tsx b/DashboardAnalysis/src/components/ProportionSales.tsx
index 29ffb43293a28ad8e25a9072aef632e14552548c..7c5bcb71eb27ccec89b0d251e56c3dfb0a143c8a 100644
--- a/DashboardAnalysis/src/components/ProportionSales.tsx
+++ b/DashboardAnalysis/src/components/ProportionSales.tsx
@@ -31,7 +31,9 @@ const ProportionSales = ({
         defaultMessage="The Proportion of Sales"
       />
     }
-    bodyStyle={{ padding: 24 }}
+    style={{
+      height: '100%',
+    }}
     extra={
       <div className={styles.salesCardExtra}>
         {dropdownGroup}
@@ -50,13 +52,8 @@ const ProportionSales = ({
         </div>
       </div>
     }
-    style={{ marginTop: 24 }}
   >
-    <div
-      style={{
-        minHeight: 380,
-      }}
-    >
+    <div>
       <h4 style={{ marginTop: 8, marginBottom: 32 }}>
         <FormattedMessage id="BLOCK_NAME.analysis.sales" defaultMessage="Sales" />
       </h4>
diff --git a/DashboardAnalysis/src/components/SalesCard.tsx b/DashboardAnalysis/src/components/SalesCard.tsx
index 269e1902bc39481173277ca406324419172761aa..c7317eb111d4e5c9aedd4b616894b641925e18de 100644
--- a/DashboardAnalysis/src/components/SalesCard.tsx
+++ b/DashboardAnalysis/src/components/SalesCard.tsx
@@ -67,7 +67,7 @@ const SalesCard = ({
           tab={<FormattedMessage id="BLOCK_NAME.analysis.sales" defaultMessage="Sales" />}
           key="sales"
         >
-          <Row>
+          <Row type="flex">
             <Col xl={16} lg={12} md={12} sm={24} xs={24}>
               <div className={styles.salesBar}>
                 <Bar
diff --git a/DashboardAnalysis/src/components/TopSearch.tsx b/DashboardAnalysis/src/components/TopSearch.tsx
index 198147fff4c1a40c8c841659778a74ac0b11a338..f987e5350f608479b9edcd62e8f6624f350b8446 100644
--- a/DashboardAnalysis/src/components/TopSearch.tsx
+++ b/DashboardAnalysis/src/components/TopSearch.tsx
@@ -64,9 +64,11 @@ const TopSearch = ({
       />
     }
     extra={dropdownGroup}
-    style={{ marginTop: 24 }}
+    style={{
+      height: '100%',
+    }}
   >
-    <Row gutter={68}>
+    <Row gutter={68} type="flex">
       <Col sm={12} xs={24} style={{ marginBottom: 24 }}>
         <NumberInfo
           subTitle={
diff --git a/DashboardAnalysis/src/index.tsx b/DashboardAnalysis/src/index.tsx
index e66186ce1b0644cfbb19986627ebe8eaf27ac568..c31338b13f631cfdcaaca0a9f551963112a8831c 100644
--- a/DashboardAnalysis/src/index.tsx
+++ b/DashboardAnalysis/src/index.tsx
@@ -176,7 +176,13 @@ class PAGE_NAME_UPPER_CAMEL_CASE extends Component<
               selectDate={this.selectDate}
             />
           </Suspense>
-          <Row gutter={24}>
+          <Row
+            gutter={24}
+            type="flex"
+            style={{
+              marginTop: 24,
+            }}
+          >
             <Col xl={12} lg={24} md={24} sm={24} xs={24}>
               <Suspense fallback={null}>
                 <TopSearch
diff --git a/DashboardMonitor/src/components/Charts/MiniArea/index.tsx b/DashboardMonitor/src/components/Charts/MiniArea/index.tsx
index e2688848a9a33760ac3ba41ff0641fe6c7c1cd6e..22ea7f0b4ef56c83a3ecfa296d0e618a79c7c788 100644
--- a/DashboardMonitor/src/components/Charts/MiniArea/index.tsx
+++ b/DashboardMonitor/src/components/Charts/MiniArea/index.tsx
@@ -28,9 +28,6 @@ export interface MiniAreaProps {
   }[];
 }
 
-// g2 4.0 发布之前只能这样先修一下了
-const FixTypeAxis: any = Axis;
-
 const MiniArea: React.FC<MiniAreaProps> = props => {
   const {
     height = 1,
@@ -82,7 +79,7 @@ const MiniArea: React.FC<MiniAreaProps> = props => {
             data={data}
             padding={padding}
           >
-            <FixTypeAxis
+            <Axis
               key="axis-x"
               name="x"
               label={null}
@@ -91,7 +88,7 @@ const MiniArea: React.FC<MiniAreaProps> = props => {
               grid={null}
               {...xAxis}
             />
-            <FixTypeAxis
+            <Axis
               key="axis-y"
               name="y"
               label={null}
diff --git a/package.json b/package.json
index 48f51cc4fdeef016900b230b97f715b149bbe98d..1cbcbb5b265f0d092350b6529914bb2706918d8a 100644
--- a/package.json
+++ b/package.json
@@ -1,7 +1,7 @@
 {
   "private": true,
   "scripts": {
-    "dev": "cross-env PAGES_PATH='DashboardMonitor/src' umi dev",
+    "dev": "cross-env PAGES_PATH='DashboardAnalysis/src' umi dev",
     "start": "umi dev",
     "lint-staged": "lint-staged",
     "lint": "npm run lint:js && npm run lint:style",