diff --git a/src/chart/bar/BarSeries.ts b/src/chart/bar/BarSeries.ts
index de03a19eaf..2be64628a4 100644
--- a/src/chart/bar/BarSeries.ts
+++ b/src/chart/bar/BarSeries.ts
@@ -81,6 +81,8 @@ export interface BarSeriesOption
 
     showBackground?: boolean
 
+    startValue?: number
+
     backgroundStyle?: ItemStyleOption & {
         borderRadius?: number | number[]
     }
diff --git a/src/coord/axisCommonTypes.ts b/src/coord/axisCommonTypes.ts
index fbfaf9cf43..cdbef2acd2 100644
--- a/src/coord/axisCommonTypes.ts
+++ b/src/coord/axisCommonTypes.ts
@@ -80,6 +80,7 @@ export interface AxisBaseOptionCommon extends ComponentOption,
      * + null/undefined: auto decide max value (consider pretty look and boundaryGap).
      */
     max?: ScaleDataValue | 'dataMax' | ((extent: {min: number, max: number}) => ScaleDataValue);
+    startValue?: number;
 
 }
 
diff --git a/src/coord/scaleRawExtentInfo.ts b/src/coord/scaleRawExtentInfo.ts
index 52f6b8d062..78c29cc0cf 100644
--- a/src/coord/scaleRawExtentInfo.ts
+++ b/src/coord/scaleRawExtentInfo.ts
@@ -98,7 +98,11 @@ export class ScaleRawExtentInfo {
         const isOrdinal = this._isOrdinal = scale.type === 'ordinal';
         this._needCrossZero = scale.type === 'interval' && model.getNeedCrossZero && model.getNeedCrossZero();
 
-        const modelMinRaw = this._modelMinRaw = model.get('min', true);
+        let axisMinValue = model.get('min', true);
+        if (axisMinValue == null) {
+            axisMinValue = model.get('startValue', true);
+        }
+        const modelMinRaw = this._modelMinRaw = axisMinValue;
         if (isFunction(modelMinRaw)) {
             // This callback always provides users the full data extent (before data is filtered).
             this._modelMinNum = parseAxisModelMinMax(scale, modelMinRaw({
diff --git a/src/layout/barGrid.ts b/src/layout/barGrid.ts
index 726c084f82..3f6aeb4fb6 100644
--- a/src/layout/barGrid.ts
+++ b/src/layout/barGrid.ts
@@ -512,14 +512,13 @@ export function createProgressiveLayout(seriesType: string): StageHandler {
                     while ((dataIndex = params.next()) != null) {
                         const value = store.get(stacked ? stackedDimIdx : valueDimIdx, dataIndex);
                         const baseValue = store.get(baseDimIdx, dataIndex) as number;
-
                         let baseCoord = valueAxisStart;
-                        let startValue;
+                        let stackStartValue;
 
                         // Because of the barMinHeight, we can not use the value in
                         // stackResultDimension directly.
                         if (stacked) {
-                            startValue = +value - (store.get(valueDimIdx, dataIndex) as number);
+                            stackStartValue = +value - (store.get(valueDimIdx, dataIndex) as number);
                         }
 
                         let x;
@@ -530,7 +529,7 @@ export function createProgressiveLayout(seriesType: string): StageHandler {
                         if (isValueAxisH) {
                             const coord = cartesian.dataToPoint([value, baseValue]);
                             if (stacked) {
-                                const startCoord = cartesian.dataToPoint([startValue, baseValue]);
+                                const startCoord = cartesian.dataToPoint([stackStartValue, baseValue]);
                                 baseCoord = startCoord[0];
                             }
                             x = baseCoord;
@@ -545,7 +544,7 @@ export function createProgressiveLayout(seriesType: string): StageHandler {
                         else {
                             const coord = cartesian.dataToPoint([baseValue, value]);
                             if (stacked) {
-                                const startCoord = cartesian.dataToPoint([baseValue, startValue]);
+                                const startCoord = cartesian.dataToPoint([baseValue, stackStartValue]);
                                 baseCoord = startCoord[1];
                             }
                             x = coord[0] + columnOffset;
@@ -603,5 +602,13 @@ function isInLargeMode(seriesModel: BarSeriesModel) {
 
 // See cases in `test/bar-start.html` and `#7412`, `#8747`.
 function getValueAxisStart(baseAxis: Axis2D, valueAxis: Axis2D) {
-    return valueAxis.toGlobalCoord(valueAxis.dataToCoord(valueAxis.type === 'log' ? 1 : 0));
+    let startValue = valueAxis.model.get('startValue');
+    if (!startValue) {
+        startValue = 0;
+    }
+    return valueAxis.toGlobalCoord(
+        valueAxis.dataToCoord(
+            valueAxis.type === 'log'
+            ? (startValue > 0 ? startValue : 1)
+            : startValue));
 }
diff --git a/src/layout/barPolar.ts b/src/layout/barPolar.ts
index 48d8b4fa95..6e1d054fe0 100644
--- a/src/layout/barPolar.ts
+++ b/src/layout/barPolar.ts
@@ -27,6 +27,7 @@ import RadiusAxis from '../coord/polar/RadiusAxis';
 import GlobalModel from '../model/Global';
 import ExtensionAPI from '../core/ExtensionAPI';
 import { Dictionary } from '../util/types';
+import { PolarAxisModel } from '../coord/polar/AxisModel';
 
 type PolarAxis = AngleAxis | RadiusAxis;
 
@@ -104,7 +105,10 @@ function barLayoutPolar(seriesType: string, ecModel: GlobalModel, api: Extension
         const clampLayout = baseAxis.dim !== 'radius'
             || !seriesModel.get('roundCap', true);
 
-        const valueAxisStart = valueAxis.dataToCoord(0);
+        const valueAxisModel = valueAxis.model as PolarAxisModel;
+        const startValue = valueAxisModel.get('startValue');
+        const valueAxisStart = valueAxis.dataToCoord(startValue || 0);
+
         for (let idx = 0, len = data.count(); idx < len; idx++) {
             const value = data.get(valueDim, idx) as number;
             const baseValue = data.get(baseDim, idx) as number;
diff --git a/test/bar-startValue.html b/test/bar-startValue.html
new file mode 100644
index 0000000000..57cb62b06d
--- /dev/null
+++ b/test/bar-startValue.html
@@ -0,0 +1,225 @@
+<!DOCTYPE html>
+<!--
+Licensed to the Apache Software Foundation (ASF) under one
+or more contributor license agreements.  See the NOTICE file
+distributed with this work for additional information
+regarding copyright ownership.  The ASF licenses this file
+to you under the Apache License, Version 2.0 (the
+"License"); you may not use this file except in compliance
+with the License.  You may obtain a copy of the License at
+
+   http://www.apache.org/licenses/LICENSE-2.0
+
+Unless required by applicable law or agreed to in writing,
+software distributed under the License is distributed on an
+"AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
+KIND, either express or implied.  See the License for the
+specific language governing permissions and limitations
+under the License.
+-->
+
+
+<html>
+    <head>
+        <meta charset="utf-8">
+        <meta name="viewport" content="width=device-width, initial-scale=1" />
+        <script src="lib/simpleRequire.js"></script>
+        <script src="lib/config.js"></script>
+        <script src="lib/jquery.min.js"></script>
+        <script src="lib/facePrint.js"></script>
+        <script src="lib/testHelper.js"></script>
+        <!-- <script src="ut/lib/canteen.js"></script> -->
+        <link rel="stylesheet" href="lib/reset.css" />
+    </head>
+    <body>
+        <style>
+        </style>
+
+
+
+        <div id="main0"></div>
+        <div id="main1"></div>
+        <div id="main2"></div>
+        <div id="main3"></div>
+
+
+
+
+
+
+        <script>
+        require([
+            'echarts',
+            // 'map/js/china',
+            // './data/nutrients.json'
+        ], function (echarts) {
+            var option;
+            var startValue0 = -200;
+            var ymin = -150;
+            option = {
+                xAxis: {
+                    type: 'category',
+                    data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'],
+                    axisLine: {
+                        onZero: false
+                    }
+                },
+                yAxis: {
+                    type: 'value',
+                    min: ymin,
+                    startValue: startValue0
+                },
+                series: [{
+                    data: [-120, 200, 150, 80, 70, 110, 130],
+                    type: 'bar',
+                }]
+            };
+
+            var chart = testHelper.create(echarts, 'main0', {
+                title: [
+                    `min/max of axis has higher priority over startValue,here startValue = ${startValue0}, yAxis.min = ${ymin}`,
+                    `The starting value of bars should be ${ymin}`,
+                ],
+                option: option
+                // height: 300,
+                // buttons: [{text: 'btn-txt', onclick: function () {}}],
+                // recordCanvas: true,
+            });
+        });
+        </script>
+        <script>
+        require([
+            'echarts',
+            // 'map/js/china',
+            // './data/nutrients.json'
+        ], function (echarts) {
+            var option;
+            var startValue0 = -200;
+            var ymin = -300;
+            var ymax = 300;
+            option = {
+                dataZoom:[{
+                    type: 'slider',
+                    yAxisIndex:[0],
+                    right:100
+                }],
+                xAxis: {
+                    type: 'category',
+                    data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'],
+                    axisLine: {
+                        onZero: false
+                    }
+                },
+                yAxis: {
+                    type: 'value',
+                    startValue: startValue0,
+                    min: ymin,
+                    max: ymax
+                },
+                series: [{
+                    data: [-120, 200, 150, 80, 70, 110, 130],
+                    type: 'bar',
+                }]
+            };
+
+            var chart = testHelper.create(echarts, 'main1', {
+                title: [
+                    `startValue should work well with dataZoom,`,
+                    `here startValue = ${startValue0}, yAxis.min = ${ymin}, yAxis.max = ${ymax}`,
+                ],
+                option: option
+                // height: 300,
+                // buttons: [{text: 'btn-txt', onclick: function () {}}],
+                // recordCanvas: true,
+            });
+        });
+        </script>
+        <script>
+            require([
+                'echarts',
+                // 'map/js/china',
+                // './data/nutrients.json'
+            ], function (echarts) {
+                var option;
+                var startValue0 = -140;
+                var radiusMin = -120;
+                option = {
+                    angleAxis: {
+                        type: "category",
+                        data: ["  0-30", " 30-60", " 60-90", " 90-120", "120-150", "150-180", "180-210", "210-240", "240-270", "270-300", "300-330", "330-360"],
+                    },
+                    radiusAxis: {
+                        scale: true,
+                        startValue: startValue0,
+                        min: radiusMin,
+                        max: -90,
+                    },
+                    polar: {},
+                    series: [{
+                        type: 'bar',
+                        color: "#F53700",
+                        coordinateSystem: "polar",
+                        data: [-95,-110,-105,-115,-110,-120,-90,-98,-100,-110,-92,-107]
+                    }]
+                }
+    
+                var chart = testHelper.create(echarts, 'main2', {
+                    title: [
+                        `The starting value of polar bars should be ${radiusMin}`,
+                    ],
+                    option: option
+                    // height: 300,
+                    // buttons: [{text: 'btn-txt', onclick: function () {}}],
+                    // recordCanvas: true,
+                });
+            });
+            </script>
+        <script>
+        require([
+            'echarts',
+            // 'map/js/china',
+            // './data/nutrients.json'
+        ], function (echarts) {
+            var option;
+            var startValue0 = -3;
+            option = {
+                polar: {
+                    radius: [30, '80%']
+                },
+                radiusAxis: {
+                    max: 4,
+                    startValue: startValue0,
+                },
+                angleAxis: {
+                    type: 'category',
+                    data: ['a', 'b', 'c', 'd'],
+                    startAngle: 75
+                },
+                tooltip: {},
+                series: {
+                    type: 'bar',
+                    data: [2, 1.2, 2.4, 3.6],
+                    coordinateSystem: 'polar',
+                    label: {
+                        show: true,
+                        position: 'middle',
+                        formatter: '{b}: {c}'
+                    }
+                },
+                backgroundColor: '#fff',
+            };
+
+            var chart = testHelper.create(echarts, 'main3', {
+                title: [
+                    `The starting value of polar bars should be ${startValue0}`,
+                ],
+                option: option
+                // height: 300,
+                // buttons: [{text: 'btn-txt', onclick: function () {}}],
+                // recordCanvas: true,
+            });
+        });
+        </script>
+    </body>
+</html>
+