diff --git a/src/chart/bar/PictorialBarView.ts b/src/chart/bar/PictorialBarView.ts
index c9460daac7..0872d7b62a 100644
--- a/src/chart/bar/PictorialBarView.ts
+++ b/src/chart/bar/PictorialBarView.ts
@@ -341,7 +341,7 @@ function prepareBarLength(
 
     // if 'pxSign' means sign of pixel,  it can't be zero, or symbolScale will be zero
     // and when borderWidth be settled, the actual linewidth will be NaN
-    outputSymbolMeta.pxSign = boundingLength > 0 ? 1 : -1;
+    outputSymbolMeta.pxSign = boundingLength >= 0 ? 1 : -1;
 }
 
 function convertToCoordOnAxis(axis: Axis2D, value: number) {
diff --git a/test/pictorial-zero-value.html b/test/pictorial-zero-value.html
index 49935bb2bb..7a7b924895 100644
--- a/test/pictorial-zero-value.html
+++ b/test/pictorial-zero-value.html
@@ -32,6 +32,7 @@
 
         <div id="main"></div>
         <div id="main2"></div>
+        <div id="main3"></div>
 
         <script>
             var chart;
@@ -167,5 +168,58 @@
                 option && myChart.setOption(option);
             });
         </script>
+
+
+
+        <script>
+            require(['echarts'], function (echarts) {
+                option = {
+                    xAxis: {
+                        type: 'value',
+                        boundaryGap: [0, 0.01]
+                    },
+                    yAxis: {
+                        type: 'category',
+                        data: ['Brazil', 'Indonesia']
+                    },
+                    series: [
+                        {
+                        name: '2011',
+                        type: 'bar',
+                        data: [0, 630230]
+                        },
+                        {
+                        type: 'pictorialBar',
+                        symbolPosition: 'end',
+                        symbolSize: 40,
+                        symbolOffset: [2, 0],
+                        zlevel: 2,
+                        data: [
+                            {
+                            value: 0,
+                            symbol:
+                                'image://https://fuss10.elemecdn.com/a/3f/3302e58f9a181d2509f3dc0fa68b0jpeg.jpeg'
+                            },
+                            {
+                            value: 630230,
+                            symbol:
+                                'image://https://fuss10.elemecdn.com/a/3f/3302e58f9a181d2509f3dc0fa68b0jpeg.jpeg'
+                            }
+                        ]
+                        }
+                    ]
+                };
+
+
+                var chart = testHelper.create(echarts, 'main3', {
+                    title: [
+                        'Image should not be flipped when data is 0.',
+                    ],
+                    option: option
+                });
+
+            });
+
+        </script>
     </body>
 </html>