diff --git a/src/chart/bar/BarView.ts b/src/chart/bar/BarView.ts
index 54cc6ec72e..a34cc153a0 100644
--- a/src/chart/bar/BarView.ts
+++ b/src/chart/bar/BarView.ts
@@ -1176,7 +1176,8 @@ function createLarge(
     el.barWidth = barWidth;
     group.add(el);
     el.useStyle(data.getVisual('style'));
-
+    // Stroke is rendered first to avoid overlapping with fill
+    el.style.stroke = null;
     // Enable tooltip and user mouse/touch event handlers.
     getECData(el).seriesIndex = seriesModel.seriesIndex;
 
diff --git a/test/bar-large-border-fill.html b/test/bar-large-border-fill.html
new file mode 100644
index 0000000000..b6463ca20c
--- /dev/null
+++ b/test/bar-large-border-fill.html
@@ -0,0 +1,120 @@
+<!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="lib/frameInsight.js"></script>
+    <link rel="stylesheet" href="lib/reset.css" />
+</head>
+
+<body>
+    <style>
+        .test-title {
+            background: #146402;
+            color: #fff;
+        }
+    </style>
+
+    <div id="main0"></div>
+    <div id="panel0"></div>
+    <div id="duration"></div>
+
+    <script>
+        require(['echarts'], function (echarts) {
+            function run() {
+                init();
+            }
+
+            function init() {
+
+                frameInsight.init(echarts, 'duration');
+
+                var xAxisData = [];
+                var data1 = [];
+                for (var i = 0; i < 10000; i++) {
+                    xAxisData.push('Category ' + i);
+                    data1.push((Math.random() * 5).toFixed(2));
+                }
+
+                var option = {
+                    legend: {
+                        data: ['bar'],
+                        align: 'left'
+                    },
+                    tooltip: {},
+                    dataZoom: [{
+                        start: 30,
+                        end: 100,
+                        type: 'slider'
+                    }],
+                    xAxis: {
+                        data: xAxisData,
+                        silent: false,
+                        splitLine: {
+                            show: false
+                        },
+                        splitArea: {
+                            show: false
+                        }
+                    },
+                    yAxis: {
+                        splitArea: {
+                            show: false
+                        }
+                    },
+                    series: [{
+                        name: 'bar',
+                        type: 'bar',
+                        large: true,
+                        largeThreshold: 10,
+                        data: data1,
+                        itemStyle: {
+                            borderWidth: 1,
+                            borderColor: 'red'
+                        }
+                    }]
+                };
+
+                var panel = document.getElementById('panel0');
+                var chart = testHelper.create(echarts, 'main0', {
+                    title: [
+                        'Bar chart border and color',
+                        'Check if **stroke and border** are correcly rendered on **dense** data',
+                    ],
+                    option: option,
+                    height: 550
+                });
+            }
+            run();
+        });
+
+    </script>
+</body>
+
+</html>
