diff --git a/src/coord/Axis.ts b/src/coord/Axis.ts
index a2f3e0ae89..855facae6e 100644
--- a/src/coord/Axis.ts
+++ b/src/coord/Axis.ts
@@ -30,6 +30,7 @@ import OrdinalScale from '../scale/Ordinal';
 import Model from '../model/Model';
 import { AxisBaseOption, OptionAxisType } from './axisCommonTypes';
 import { AxisBaseModel } from './AxisBaseModel';
+import TimeScale from '../scale/Time';
 
 const NORMALIZED_EXTENT = [0, 1] as [number, number];
 
@@ -246,7 +247,13 @@ class Axis {
         const axisExtent = this._extent;
         const dataExtent = this.scale.getExtent();
 
-        let len = dataExtent[1] - dataExtent[0] + (this.onBand ? 1 : 0);
+        let len = 0;
+        if (this.scale.type === 'time') {
+            len = Math.ceil((dataExtent[1] - dataExtent[0]) / (this.scale as TimeScale)._approxInterval);
+        }
+        else {
+            len = dataExtent[1] - dataExtent[0] + (this.onBand ? 1 : 0);
+        }
         // Fix #2728, avoid NaN when only one data.
         len === 0 && (len = 1);
 
diff --git a/test/axis-interval2.html b/test/axis-interval2.html
index 1577ab11e7..c5e29ebf18 100644
--- a/test/axis-interval2.html
+++ b/test/axis-interval2.html
@@ -59,6 +59,7 @@
         <div class="chart" id="main8"></div>
         <div class="chart" id="main9"></div>
         <div class="chart" id="main10"></div>
+        <div class="chart" id="main11"></div>
 
 
         <script>
@@ -1348,6 +1349,52 @@
 
         </script>
 
+        <script>
+
+            require([
+                'echarts'
+            ], function (echarts) {
+                var option = {
+                    tooltip: {
+                        trigger: 'axis',
+                        axisPointer: {
+                            type: 'shadow'
+                        }
+                    },
+                    xAxis: {
+                        type: "time",
+                    },
+                    yAxis: {},
+                    series: [
+                        {
+                            name: 'Param1',
+                            type: 'bar',
+                            data: [["2019-01-12", 5], ["2019-01-13", 20], ["2019-01-14", 36], ["2019-01-15", 10], ["2019-01-16", 10], ["2019-01-17", 20]]
+                        },
+                        {
+                            name: 'Param2',
+                            type: 'bar',
+                            data: [["2019-01-12", 39], ["2019-01-13", 13], ["2019-01-14", 13], ["2019-01-15", 23], ["2019-01-16", 8], ["2019-01-17", 23]]
+                        },
+                    ]
+                };
+
+
+                chart = myChart = testHelper.create(echarts, 'main11', {
+                    title: [
+                        'The axis shadow should appear when x is time axis',
+                    ],
+                    option: option,
+                    // Should be fixed this width to make the dataZoom window range at the critical value.
+                    width: 653,
+                    height: 300,
+                    autoResize: false
+                });
+
+            });
+
+        </script>
+