diff --git a/frontend/src/lang/en.js b/frontend/src/lang/en.js
index ae9fccca6d..6b69e5c72f 100644
--- a/frontend/src/lang/en.js
+++ b/frontend/src/lang/en.js
@@ -1153,6 +1153,10 @@ export default {
     axis_color: 'Axis Color',
     axis_width: 'Axis Width',
     axis_type: 'Axis Type',
+    grid_show: 'Grid Show',
+    grid_color: 'Grid Color',
+    grid_width: 'Grid Width',
+    grid_type: 'Grid Type',
     axis_type_solid: 'Solid',
     axis_type_dashed: 'Dashed',
     axis_type_dotted: 'Dotted',
diff --git a/frontend/src/lang/tw.js b/frontend/src/lang/tw.js
index 1b013c7bcf..9bc33d8555 100644
--- a/frontend/src/lang/tw.js
+++ b/frontend/src/lang/tw.js
@@ -1153,6 +1153,10 @@ export default {
     axis_color: '軸線顔色',
     axis_width: '軸線寬度',
     axis_type: '軸線類型',
+    grid_show: '網格線顯示',
+    grid_color: '網格線顏色',
+    grid_width: '網格線寬度',
+    grid_type: '網格線類型',
     axis_type_solid: '實線',
     axis_type_dashed: '虛線',
     axis_type_dotted: '點',
diff --git a/frontend/src/lang/zh.js b/frontend/src/lang/zh.js
index 1aba1c25c4..da23333caf 100644
--- a/frontend/src/lang/zh.js
+++ b/frontend/src/lang/zh.js
@@ -1152,6 +1152,10 @@ export default {
     axis_color: '轴线颜色',
     axis_width: '轴线宽度',
     axis_type: '轴线类型',
+    grid_show: '网格线显示',
+    grid_color: '网格线颜色',
+    grid_width: '网格线宽度',
+    grid_type: '网格线类型',
     axis_type_solid: '实线',
     axis_type_dashed: '虚线',
     axis_type_dotted: '点',
diff --git a/frontend/src/views/chart/chart/chart.js b/frontend/src/views/chart/chart/chart.js
index d7c580b0c6..d82f56c37d 100644
--- a/frontend/src/views/chart/chart/chart.js
+++ b/frontend/src/views/chart/chart/chart.js
@@ -242,6 +242,14 @@ export const DEFAULT_XAXIS_STYLE = {
     rotate: 0,
     formatter: '{value}'
   },
+  axisLine: {
+    show: true,
+    lineStyle: {
+      color: '#cccccc',
+      width: 1,
+      style: 'solid'
+    }
+  },
   splitLine: {
     show: false,
     lineStyle: {
@@ -280,6 +288,14 @@ export const DEFAULT_YAXIS_STYLE = {
     rotate: 0,
     formatter: '{value}'
   },
+  axisLine: {
+    show: false,
+    lineStyle: {
+      color: '#cccccc',
+      width: 1,
+      style: 'solid'
+    }
+  },
   splitLine: {
     show: true,
     lineStyle: {
@@ -318,6 +334,14 @@ export const DEFAULT_YAXIS_EXT_STYLE = {
     rotate: 0,
     formatter: '{value}'
   },
+  axisLine: {
+    show: false,
+    lineStyle: {
+      color: '#cccccc',
+      width: 1,
+      style: 'solid'
+    }
+  },
   splitLine: {
     show: true,
     lineStyle: {
diff --git a/frontend/src/views/chart/chart/common/common.js b/frontend/src/views/chart/chart/common/common.js
index 1d543e5167..f587aa76e2 100644
--- a/frontend/src/views/chart/chart/common/common.js
+++ b/frontend/src/views/chart/chart/common/common.js
@@ -67,6 +67,9 @@ export function componentStyle(chart_option, chart) {
       chart_option.xAxis.axisLabel = customStyle.xAxis.axisLabel
       chart_option.xAxis.splitLine = customStyle.xAxis.splitLine
       chart_option.xAxis.nameTextStyle = customStyle.xAxis.nameTextStyle
+      const axisLine = customStyle.xAxis.axisLine ? customStyle.xAxis.axisLine : DEFAULT_XAXIS_STYLE.axisLine
+      chart_option.xAxis.axisLine = axisLine
+      chart_option.xAxis.axisTick = axisLine
 
       chart_option.xAxis.axisLabel.showMaxLabel = true
       chart_option.xAxis.axisLabel.showMinLabel = true
@@ -96,6 +99,9 @@ export function componentStyle(chart_option, chart) {
       chart_option.yAxis.axisLabel = customStyle.yAxis.axisLabel
       chart_option.yAxis.splitLine = customStyle.yAxis.splitLine
       chart_option.yAxis.nameTextStyle = customStyle.yAxis.nameTextStyle
+      const axisLine = customStyle.yAxis.axisLine ? customStyle.yAxis.axisLine : DEFAULT_YAXIS_STYLE.axisLine
+      chart_option.yAxis.axisLine = axisLine
+      chart_option.yAxis.axisTick = axisLine
 
       chart_option.yAxis.axisLabel.showMaxLabel = true
       chart_option.yAxis.axisLabel.showMinLabel = true
@@ -125,6 +131,9 @@ export function componentStyle(chart_option, chart) {
       chart_option.yAxis[0].axisLabel = customStyle.yAxis.axisLabel
       chart_option.yAxis[0].splitLine = customStyle.yAxis.splitLine
       chart_option.yAxis[0].nameTextStyle = customStyle.yAxis.nameTextStyle
+      const axisLine0 = customStyle.yAxis[0].axisLine ? customStyle.yAxis[0].axisLine : DEFAULT_YAXIS_STYLE.axisLine
+      chart_option.yAxis[0].axisLine = axisLine0
+      chart_option.yAxis[0].axisTick = axisLine0
 
       chart_option.yAxis[0].axisLabel.showMaxLabel = true
       chart_option.yAxis[0].axisLabel.showMinLabel = true
@@ -155,6 +164,9 @@ export function componentStyle(chart_option, chart) {
       chart_option.yAxis[1].axisLabel = customStyle.yAxisExt.axisLabel
       chart_option.yAxis[1].splitLine = customStyle.yAxisExt.splitLine
       chart_option.yAxis[1].nameTextStyle = customStyle.yAxisExt.nameTextStyle
+      const axisLine1 = customStyle.yAxis[1].axisLine ? customStyle.yAxis[1].axisLine : DEFAULT_YAXIS_EXT_STYLE.axisLine
+      chart_option.yAxis[1].axisLine = axisLine1
+      chart_option.yAxis[1].axisTick = axisLine1
 
       chart_option.yAxis[1].axisLabel.showMaxLabel = true
       chart_option.yAxis[1].axisLabel.showMinLabel = true
diff --git a/frontend/src/views/chart/chart/common/common_antv.js b/frontend/src/views/chart/chart/common/common_antv.js
index 7afb4b3012..2281547631 100644
--- a/frontend/src/views/chart/chart/common/common_antv.js
+++ b/frontend/src/views/chart/chart/common/common_antv.js
@@ -1,6 +1,6 @@
 import { hexColorToRGBA } from '@/views/chart/chart/util'
 import { formatterItem, valueFormatter } from '@/views/chart/chart/formatter'
-import { DEFAULT_XAXIS_STYLE, DEFAULT_YAXIS_STYLE } from '@/views/chart/chart/chart'
+import { DEFAULT_XAXIS_STYLE, DEFAULT_YAXIS_EXT_STYLE, DEFAULT_YAXIS_STYLE } from '@/views/chart/chart/chart'
 
 export function getPadding(chart) {
   if (chart.drill) {
@@ -455,6 +455,18 @@ export function getXAxis(chart) {
             }
           }
         } : null
+        const axisCfg = a.axisLine ? a.axisLine : DEFAULT_XAXIS_STYLE.axisLine
+        const axisLine = axisCfg.show ? {
+          style: {
+            stroke: axisCfg.lineStyle.color,
+            lineWidth: parseInt(axisCfg.lineStyle.width)
+          }
+        } : null
+        const tickLine = axisCfg.show ? {
+          style: {
+            stroke: axisCfg.lineStyle.color
+          }
+        } : null
         const label = a.axisLabel.show ? {
           rotate: parseInt(a.axisLabel.rotate) * Math.PI / 180,
           style: {
@@ -478,7 +490,9 @@ export function getXAxis(chart) {
           position: transAxisPosition(chart, a),
           title: title,
           grid: grid,
-          label: label
+          label: label,
+          line: axisLine,
+          tickLine: tickLine
         }
 
         // 轴值设置
@@ -526,6 +540,18 @@ export function getYAxis(chart) {
             }
           }
         } : null
+        const axisCfg = a.axisLine ? a.axisLine : DEFAULT_YAXIS_STYLE.axisLine
+        const axisLine = axisCfg.show ? {
+          style: {
+            stroke: axisCfg.lineStyle.color,
+            lineWidth: parseInt(axisCfg.lineStyle.width)
+          }
+        } : null
+        const tickLine = axisCfg.show ? {
+          style: {
+            stroke: axisCfg.lineStyle.color
+          }
+        } : null
         const label = a.axisLabel.show ? {
           rotate: parseInt(a.axisLabel.rotate) * Math.PI / 180,
           style: {
@@ -553,7 +579,9 @@ export function getYAxis(chart) {
           position: transAxisPosition(chart, a),
           title: title,
           grid: grid,
-          label: label
+          label: label,
+          line: axisLine,
+          tickLine: tickLine
         }
 
         // 轴值设置
@@ -601,6 +629,18 @@ export function getYAxisExt(chart) {
             }
           }
         } : null
+        const axisCfg = a.axisLine ? a.axisLine : DEFAULT_YAXIS_EXT_STYLE.axisLine
+        const axisLine = axisCfg.show ? {
+          style: {
+            stroke: axisCfg.lineStyle.color,
+            lineWidth: parseInt(axisCfg.lineStyle.width)
+          }
+        } : null
+        const tickLine = axisCfg.show ? {
+          style: {
+            stroke: axisCfg.lineStyle.color
+          }
+        } : null
         const label = a.axisLabel.show ? {
           rotate: parseInt(a.axisLabel.rotate) * Math.PI / 180,
           style: {
@@ -628,7 +668,9 @@ export function getYAxisExt(chart) {
           position: transAxisPosition(chart, a),
           title: title,
           grid: grid,
-          label: label
+          label: label,
+          line: axisLine,
+          tickLine: tickLine
         }
 
         // 轴值设置
diff --git a/frontend/src/views/chart/chart/util.js b/frontend/src/views/chart/chart/util.js
index 06aa6c2c29..94cbb279ab 100644
--- a/frontend/src/views/chart/chart/util.js
+++ b/frontend/src/views/chart/chart/util.js
@@ -592,6 +592,94 @@ export const TYPE_CONFIGS = [
       ]
     }
   },
+  {
+    render: 'antv',
+    category: 'chart.chart_type_trend',
+    value: 'chart-mix',
+    title: 'chart.chart_mix',
+    icon: 'chart-mix',
+    properties: [
+      'color-selector',
+      'size-selector-ant-v',
+      'label-selector-ant-v',
+      'tooltip-selector-ant-v',
+      'x-axis-selector-ant-v',
+      'y-axis-selector-ant-v',
+      'y-axis-ext-selector-ant-v',
+      'title-selector-ant-v',
+      'legend-selector-ant-v'
+    ],
+    propertyInner: {
+      'color-selector': [
+        'value',
+        'colorPanel',
+        'customColor',
+        'alpha'
+      ],
+      'size-selector-ant-v': [
+        'mix'
+      ],
+      'label-selector-ant-v': [
+        'show',
+        'fontSize',
+        'color'
+      ],
+      'tooltip-selector-ant-v': [
+        'show',
+        'textStyle'
+      ],
+      'x-axis-selector-ant-v': [
+        'show',
+        'position',
+        'name',
+        'nameTextStyle',
+        'splitLine',
+        'axisForm',
+        'axisLabel'
+      ],
+      'y-axis-selector-ant-v': [
+        'show',
+        'position',
+        'name',
+        'nameTextStyle',
+        'axisValue',
+        'splitLine',
+        'axisForm',
+        'axisLabel'
+      ],
+      'y-axis-ext-selector-ant-v': [
+        'show',
+        'position',
+        'name',
+        'nameTextStyle',
+        'axisValue',
+        'splitLine',
+        'axisForm',
+        'axisLabel'
+      ],
+      'title-selector-ant-v': [
+        'show',
+        'title',
+        'fontSize',
+        'color',
+        'hPosition',
+        'isItalic',
+        'isBolder',
+        'remarkShow',
+        'fontFamily',
+        'letterSpace',
+        'fontShadow'
+      ],
+      'legend-selector-ant-v': [
+        'show',
+        'icon',
+        'orient',
+        'textStyle',
+        'hPosition',
+        'vPosition'
+      ]
+    }
+  },
 
   {
     render: 'antv',
diff --git a/frontend/src/views/chart/components/component-style/XAxisSelector.vue b/frontend/src/views/chart/components/component-style/XAxisSelector.vue
index 3ba18bca48..cd859d09f4 100644
--- a/frontend/src/views/chart/components/component-style/XAxisSelector.vue
+++ b/frontend/src/views/chart/components/component-style/XAxisSelector.vue
@@ -154,15 +154,25 @@
             v-show="showProperty('splitLine')"
             :label="$t('chart.axis_show')"
             class="form-item"
+          >
+            <el-checkbox
+              v-model="axisForm.axisLine.show"
+              @change="changeXAxisStyle('axisLine')"
+            >{{ $t('chart.axis_show') }}</el-checkbox>
+          </el-form-item>
+          <el-form-item
+            v-show="showProperty('splitLine')"
+            :label="$t('chart.grid_show')"
+            class="form-item"
           >
             <el-checkbox
               v-model="axisForm.splitLine.show"
               @change="changeXAxisStyle('splitLine')"
-            >{{ $t('chart.axis_show') }}</el-checkbox>
+            >{{ $t('chart.grid_show') }}</el-checkbox>
           </el-form-item>
           <span v-show="showProperty('splitLine') && axisForm.splitLine.show">
             <el-form-item
-              :label="$t('chart.axis_color')"
+              :label="$t('chart.grid_color')"
               class="form-item"
             >
               <el-color-picker
@@ -173,7 +183,7 @@
               />
             </el-form-item>
             <el-form-item
-              :label="$t('chart.axis_width')"
+              :label="$t('chart.grid_width')"
               class="form-item form-item-slider"
             >
               <el-slider
@@ -187,7 +197,7 @@
               />
             </el-form-item>
             <el-form-item
-              :label="$t('chart.axis_type')"
+              :label="$t('chart.grid_type')"
               class="form-item"
             >
               <el-radio-group
@@ -420,6 +430,9 @@ export default {
           if (!this.axisForm.axisLabelFormatter) {
             this.axisForm.axisLabelFormatter = JSON.parse(JSON.stringify(DEFAULT_XAXIS_STYLE.axisLabelFormatter))
           }
+          if (!this.axisForm.axisLine) {
+            this.axisForm.axisLine = JSON.parse(JSON.stringify(DEFAULT_XAXIS_STYLE.axisLine))
+          }
         }
       }
     },
diff --git a/frontend/src/views/chart/components/component-style/XAxisSelectorAntV.vue b/frontend/src/views/chart/components/component-style/XAxisSelectorAntV.vue
index e65026458b..6f5445d377 100644
--- a/frontend/src/views/chart/components/component-style/XAxisSelectorAntV.vue
+++ b/frontend/src/views/chart/components/component-style/XAxisSelectorAntV.vue
@@ -154,15 +154,25 @@
             v-show="showProperty('splitLine')"
             :label="$t('chart.axis_show')"
             class="form-item"
+          >
+            <el-checkbox
+              v-model="axisForm.axisLine.show"
+              @change="changeXAxisStyle('axisLine')"
+            >{{ $t('chart.axis_show') }}</el-checkbox>
+          </el-form-item>
+          <el-form-item
+            v-show="showProperty('splitLine')"
+            :label="$t('chart.grid_show')"
+            class="form-item"
           >
             <el-checkbox
               v-model="axisForm.splitLine.show"
               @change="changeXAxisStyle('splitLine')"
-            >{{ $t('chart.axis_show') }}</el-checkbox>
+            >{{ $t('chart.grid_show') }}</el-checkbox>
           </el-form-item>
           <span v-show="showProperty('splitLine') && axisForm.splitLine.show">
             <el-form-item
-              :label="$t('chart.axis_color')"
+              :label="$t('chart.grid_color')"
               class="form-item"
             >
               <el-color-picker
@@ -173,7 +183,7 @@
               />
             </el-form-item>
             <el-form-item
-              :label="$t('chart.axis_width')"
+              :label="$t('chart.grid_width')"
               class="form-item form-item-slider"
             >
               <el-slider
@@ -393,6 +403,9 @@ export default {
           if (!this.axisForm.axisLabelFormatter) {
             this.axisForm.axisLabelFormatter = JSON.parse(JSON.stringify(DEFAULT_XAXIS_STYLE.axisLabelFormatter))
           }
+          if (!this.axisForm.axisLine) {
+            this.axisForm.axisLine = JSON.parse(JSON.stringify(DEFAULT_XAXIS_STYLE.axisLine))
+          }
         }
       }
     },
diff --git a/frontend/src/views/chart/components/component-style/YAxisExtSelector.vue b/frontend/src/views/chart/components/component-style/YAxisExtSelector.vue
index d3d1c07d5e..735ae6682e 100644
--- a/frontend/src/views/chart/components/component-style/YAxisExtSelector.vue
+++ b/frontend/src/views/chart/components/component-style/YAxisExtSelector.vue
@@ -151,16 +151,26 @@
             v-show="showProperty('splitLine')"
             :label="$t('chart.axis_show')"
             class="form-item"
+          >
+            <el-checkbox
+              v-model="axisForm.axisLine.show"
+              @change="changeYAxisStyle('axisLine')"
+            >{{ $t('chart.axis_show') }}</el-checkbox>
+          </el-form-item>
+          <el-form-item
+            v-show="showProperty('splitLine')"
+            :label="$t('chart.grid_show')"
+            class="form-item"
           >
             <el-checkbox
               v-model="axisForm.splitLine.show"
               @change="changeYAxisStyle('splitLine')"
-            >{{ $t('chart.axis_show') }}</el-checkbox>
+            >{{ $t('chart.grid_show') }}</el-checkbox>
           </el-form-item>
           <span v-show="axisForm.splitLine.show">
             <el-form-item
               v-show="showProperty('splitLine')"
-              :label="$t('chart.axis_color')"
+              :label="$t('chart.grid_color')"
               class="form-item"
             >
               <el-color-picker
@@ -172,7 +182,7 @@
             </el-form-item>
             <el-form-item
               v-show="showProperty('splitLine')"
-              :label="$t('chart.axis_width')"
+              :label="$t('chart.grid_width')"
               class="form-item form-item-slider"
             >
               <el-slider
@@ -187,7 +197,7 @@
             </el-form-item>
             <el-form-item
               v-show="showProperty('splitLine')"
-              :label="$t('chart.axis_type')"
+              :label="$t('chart.grid_type')"
               class="form-item"
             >
               <el-radio-group
@@ -410,6 +420,9 @@ export default {
           if (!this.axisForm.axisLabelFormatter) {
             this.axisForm.axisLabelFormatter = JSON.parse(JSON.stringify(DEFAULT_YAXIS_EXT_STYLE.axisLabelFormatter))
           }
+          if (!this.axisForm.axisLine) {
+            this.axisForm.axisLine = JSON.parse(JSON.stringify(DEFAULT_YAXIS_EXT_STYLE.axisLine))
+          }
         }
       }
     },
diff --git a/frontend/src/views/chart/components/component-style/YAxisExtSelectorAntV.vue b/frontend/src/views/chart/components/component-style/YAxisExtSelectorAntV.vue
index ec7908df5c..ea0de80502 100644
--- a/frontend/src/views/chart/components/component-style/YAxisExtSelectorAntV.vue
+++ b/frontend/src/views/chart/components/component-style/YAxisExtSelectorAntV.vue
@@ -154,15 +154,25 @@
             v-show="showProperty('splitLine')"
             :label="$t('chart.axis_show')"
             class="form-item"
+          >
+            <el-checkbox
+              v-model="axisForm.axisLine.show"
+              @change="changeYAxisStyle('axisLine')"
+            >{{ $t('chart.axis_show') }}</el-checkbox>
+          </el-form-item>
+          <el-form-item
+            v-show="showProperty('splitLine')"
+            :label="$t('chart.grid_show')"
+            class="form-item"
           >
             <el-checkbox
               v-model="axisForm.splitLine.show"
               @change="changeYAxisStyle('splitLine')"
-            >{{ $t('chart.axis_show') }}</el-checkbox>
+            >{{ $t('chart.grid_show') }}</el-checkbox>
           </el-form-item>
           <span v-show="showProperty('splitLine') && axisForm.splitLine.show">
             <el-form-item
-              :label="$t('chart.axis_color')"
+              :label="$t('chart.grid_color')"
               class="form-item"
             >
               <el-color-picker
@@ -173,7 +183,7 @@
               />
             </el-form-item>
             <el-form-item
-              :label="$t('chart.axis_width')"
+              :label="$t('chart.grid_width')"
               class="form-item form-item-slider"
             >
               <el-slider
@@ -396,6 +406,9 @@ export default {
           if (!this.axisForm.axisLabelFormatter) {
             this.axisForm.axisLabelFormatter = JSON.parse(JSON.stringify(DEFAULT_YAXIS_EXT_STYLE.axisLabelFormatter))
           }
+          if (!this.axisForm.axisLine) {
+            this.axisForm.axisLine = JSON.parse(JSON.stringify(DEFAULT_YAXIS_EXT_STYLE.axisLine))
+          }
         }
       }
     },
diff --git a/frontend/src/views/chart/components/component-style/YAxisSelector.vue b/frontend/src/views/chart/components/component-style/YAxisSelector.vue
index c527e20d81..3bec4c340b 100644
--- a/frontend/src/views/chart/components/component-style/YAxisSelector.vue
+++ b/frontend/src/views/chart/components/component-style/YAxisSelector.vue
@@ -154,16 +154,26 @@
             v-show="showProperty('splitLine')"
             :label="$t('chart.axis_show')"
             class="form-item"
+          >
+            <el-checkbox
+              v-model="axisForm.axisLine.show"
+              @change="changeYAxisStyle('axisLine')"
+            >{{ $t('chart.axis_show') }}</el-checkbox>
+          </el-form-item>
+          <el-form-item
+            v-show="showProperty('splitLine')"
+            :label="$t('chart.grid_show')"
+            class="form-item"
           >
             <el-checkbox
               v-model="axisForm.splitLine.show"
               @change="changeYAxisStyle('splitLine')"
-            >{{ $t('chart.axis_show') }}</el-checkbox>
+            >{{ $t('chart.grid_show') }}</el-checkbox>
           </el-form-item>
           <span v-show="axisForm.splitLine.show">
             <el-form-item
               v-show="showProperty('splitLine')"
-              :label="$t('chart.axis_color')"
+              :label="$t('chart.grid_color')"
               class="form-item"
             >
               <el-color-picker
@@ -175,7 +185,7 @@
             </el-form-item>
             <el-form-item
               v-show="showProperty('splitLine')"
-              :label="$t('chart.axis_width')"
+              :label="$t('chart.grid_width')"
               class="form-item form-item-slider"
             >
               <el-slider
@@ -190,7 +200,7 @@
             </el-form-item>
             <el-form-item
               v-show="showProperty('splitLine')"
-              :label="$t('chart.axis_type')"
+              :label="$t('chart.grid_type')"
               class="form-item"
             >
               <el-radio-group
@@ -413,6 +423,9 @@ export default {
           if (!this.axisForm.axisLabelFormatter) {
             this.axisForm.axisLabelFormatter = JSON.parse(JSON.stringify(DEFAULT_YAXIS_STYLE.axisLabelFormatter))
           }
+          if (!this.axisForm.axisLine) {
+            this.axisForm.axisLine = JSON.parse(JSON.stringify(DEFAULT_YAXIS_STYLE.axisLine))
+          }
         }
       }
     },
diff --git a/frontend/src/views/chart/components/component-style/YAxisSelectorAntV.vue b/frontend/src/views/chart/components/component-style/YAxisSelectorAntV.vue
index 016cc2cade..9c1f6c49ab 100644
--- a/frontend/src/views/chart/components/component-style/YAxisSelectorAntV.vue
+++ b/frontend/src/views/chart/components/component-style/YAxisSelectorAntV.vue
@@ -151,15 +151,25 @@
             v-show="showProperty('splitLine')"
             :label="$t('chart.axis_show')"
             class="form-item"
+          >
+            <el-checkbox
+              v-model="axisForm.axisLine.show"
+              @change="changeYAxisStyle('axisLine')"
+            >{{ $t('chart.axis_show') }}</el-checkbox>
+          </el-form-item>
+          <el-form-item
+            v-show="showProperty('splitLine')"
+            :label="$t('chart.grid_show')"
+            class="form-item"
           >
             <el-checkbox
               v-model="axisForm.splitLine.show"
               @change="changeYAxisStyle('splitLine')"
-            >{{ $t('chart.axis_show') }}</el-checkbox>
+            >{{ $t('chart.grid_show') }}</el-checkbox>
           </el-form-item>
           <span v-show="showProperty('splitLine') && axisForm.splitLine.show">
             <el-form-item
-              :label="$t('chart.axis_color')"
+              :label="$t('chart.grid_color')"
               class="form-item"
             >
               <el-color-picker
@@ -170,7 +180,7 @@
               />
             </el-form-item>
             <el-form-item
-              :label="$t('chart.axis_width')"
+              :label="$t('chart.grid_width')"
               class="form-item form-item-slider"
             >
               <el-slider
@@ -390,6 +400,9 @@ export default {
           if (!this.axisForm.axisLabelFormatter) {
             this.axisForm.axisLabelFormatter = JSON.parse(JSON.stringify(DEFAULT_YAXIS_STYLE.axisLabelFormatter))
           }
+          if (!this.axisForm.axisLine) {
+            this.axisForm.axisLine = JSON.parse(JSON.stringify(DEFAULT_YAXIS_STYLE.axisLine))
+          }
         }
       }
     },