diff --git a/core/core-frontend/src/views/chart/components/js/panel/charts/bar/bidirectional-bar.ts b/core/core-frontend/src/views/chart/components/js/panel/charts/bar/bidirectional-bar.ts
index 1e3953984c..e35acd82cc 100644
--- a/core/core-frontend/src/views/chart/components/js/panel/charts/bar/bidirectional-bar.ts
+++ b/core/core-frontend/src/views/chart/components/js/panel/charts/bar/bidirectional-bar.ts
@@ -16,6 +16,7 @@ import {
 import { flow, hexColorToRGBA, parseJson } from '@/views/chart/components/js/util'
 import { useI18n } from '@/hooks/web/useI18n'
 import { valueFormatter } from '@/views/chart/components/js/formatter'
+import { Options } from '@antv/g2plot/esm'
 const { t } = useI18n()
 /**
  * 对称柱状图
@@ -118,11 +119,27 @@ export class BidirectionalHorizontalBar extends G2PlotChartView<
       },
       interactions: [{ type: 'active-region' }],
       yField: ['value', 'valueExt'],
-      appendPadding: getPadding(chart)
+      appendPadding: getPadding(chart),
+      meta: {
+        field: {
+          type: 'cat'
+        }
+      }
+    }
+    const customOptions = this.setupOptions(chart, initOptions)
+    const options = {
+      ...customOptions
+    }
+    const xAxis = chart.xAxis
+    if (xAxis?.length === 1 && xAxis[0].deType === 1) {
+      const values = data2.map(item => item.field)
+      options.meta = {
+        field: {
+          type: 'cat',
+          values: values.reverse()
+        }
+      }
     }
-
-    const options = this.setupOptions(chart, initOptions)
-
     // 开始渲染
     const newChart = new G2BidirectionalBar(container, options)
 
@@ -418,6 +435,45 @@ export class BidirectionalHorizontalBar extends G2PlotChartView<
     return { ...options, label }
   }
 
+  protected configEmptyDataStrategy(
+    chart: Chart,
+    options: BidirectionalBarOptions
+  ): BidirectionalBarOptions {
+    const { data } = options as unknown as Options
+    if (!data?.length) {
+      return options
+    }
+    const strategy = parseJson(chart.senior).functionCfg.emptyDataStrategy
+    if (strategy === 'ignoreData') {
+      const emptyFields = data
+        .filter(obj => obj['value'] === null || obj['valueExt'] === null)
+        .map(obj => obj['field'])
+      return {
+        ...options,
+        data: data.filter(obj => {
+          if (emptyFields.includes(obj['field'])) {
+            return false
+          }
+          return true
+        })
+      }
+    }
+    const updateValues = (strategy: 'breakLine' | 'setZero', data: any[]) => {
+      data.forEach(obj => {
+        if (obj['value'] === null) {
+          obj['value'] = strategy === 'breakLine' ? null : 0
+        }
+        if (obj['valueExt'] === null) {
+          obj['valueExt'] = strategy === 'breakLine' ? null : 0
+        }
+      })
+    }
+    if (strategy === 'breakLine' || strategy === 'setZero') {
+      updateValues(strategy, data)
+    }
+    return options
+  }
+
   protected setupOptions(chart: Chart, options: BidirectionalBarOptions) {
     return flow(
       this.configTheme,