diff --git a/src/chart/line/LineSeries.ts b/src/chart/line/LineSeries.ts
index 9faf5c5175..438a344d3a 100644
--- a/src/chart/line/LineSeries.ts
+++ b/src/chart/line/LineSeries.ts
@@ -112,7 +112,7 @@ export interface LineSeriesOption extends SeriesOption<LineStateOption<CallbackD
 
     connectNulls?: boolean
 
-    showSymbol?: boolean
+    showSymbol?: 'single' | boolean
     // false | 'auto': follow the label interval strategy.
     // true: show all symbols.
     showAllSymbol?: 'auto' | boolean
@@ -190,6 +190,9 @@ class LineSeriesModel extends SeriesModel<LineSeriesOption> {
         symbolSize: 4,
         symbolRotate: null,
 
+        // true: show symbol
+        // false: hide symbol
+        // 'single':  will show symbol between null value.
         showSymbol: true,
         // `false`: follow the label interval strategy.
         // `true`: show all symbols.
diff --git a/src/chart/line/LineView.ts b/src/chart/line/LineView.ts
index 9672eb720b..706501b8ae 100644
--- a/src/chart/line/LineView.ts
+++ b/src/chart/line/LineView.ts
@@ -400,6 +400,43 @@ function getIsIgnoreFunc(
     };
 }
 
+function getIsSingleSymbolIgnore(
+    seriesModel: LineSeriesModel,
+    data: SeriesData,
+    coordSys: Cartesian2D
+) {
+    const intervalAxis = coordSys.getAxesByScale('interval')[0];
+
+    if (!intervalAxis) {
+        return;
+    }
+
+    const intervalDataDim = data.mapDimension(intervalAxis.dim);
+
+    const count = data.count();
+
+    const singleDataIdxStateList: boolean[] = [];
+
+    for (let i = 0; i < count; i++) {
+        const intervalValue = data.get(intervalDataDim, i);
+
+        if (typeof intervalValue === 'number' && isNaN(intervalValue)) {
+            singleDataIdxStateList[i] = false;
+        }
+        else {
+            singleDataIdxStateList[i] = true;
+        }
+
+    }
+
+
+    return function (dataIndex: number) {
+        return singleDataIdxStateList[dataIndex - 1]
+                || !singleDataIdxStateList[dataIndex]
+                || singleDataIdxStateList[dataIndex + 1];
+    };
+}
+
 function canShowAllSymbolForCategory(
     categoryAxis: Axis2D,
     data: SeriesData
@@ -657,8 +694,14 @@ class LineView extends ChartView {
 
         const connectNulls = seriesModel.get('connectNulls');
 
-        const isIgnoreFunc = showSymbol && !isCoordSysPolar
-            && getIsIgnoreFunc(seriesModel, data, coordSys as Cartesian2D);
+        const isIgnoreFunc = showSymbol === true ? !isCoordSysPolar
+            && getIsIgnoreFunc(seriesModel, data, coordSys as Cartesian2D)
+            : (
+                !isCoordSysPolar
+                && showSymbol === 'single'
+                && connectNulls === false
+                && getIsSingleSymbolIgnore(seriesModel, data, coordSys as Cartesian2D)
+            );
 
         // Remove temporary symbols
         const oldData = this._data;
@@ -701,14 +744,16 @@ class LineView extends ChartView {
         if (
             !(polyline && prevCoordSys.type === coordSys.type && step === this._step)
         ) {
-            showSymbol && symbolDraw.updateData(data, {
-                isIgnore: isIgnoreFunc,
-                clipShape: clipShapeForSymbol,
-                disableAnimation: true,
-                getSymbolPoint(idx) {
-                    return [points[idx * 2], points[idx * 2 + 1]];
-                }
-            });
+            if (showSymbol === true || (showSymbol === 'single' && !connectNulls)) {
+                symbolDraw.updateData(data, {
+                    isIgnore: isIgnoreFunc,
+                    clipShape: clipShapeForSymbol,
+                    disableAnimation: true,
+                    getSymbolPoint(idx) {
+                        return [points[idx * 2], points[idx * 2 + 1]];
+                    }
+                });
+            }
 
             hasAnimation && this._initSymbolLabelAnimation(
                 data,
@@ -779,14 +824,16 @@ class LineView extends ChartView {
 
             // Always update, or it is wrong in the case turning on legend
             // because points are not changed.
-            showSymbol && symbolDraw.updateData(data, {
-                isIgnore: isIgnoreFunc,
-                clipShape: clipShapeForSymbol,
-                disableAnimation: true,
-                getSymbolPoint(idx) {
-                    return [points[idx * 2], points[idx * 2 + 1]];
-                }
-            });
+            if (showSymbol === true || (showSymbol === 'single' && !connectNulls)) {
+                symbolDraw.updateData(data, {
+                    isIgnore: isIgnoreFunc,
+                    clipShape: clipShapeForSymbol,
+                    disableAnimation: true,
+                    getSymbolPoint(idx) {
+                        return [points[idx * 2], points[idx * 2 + 1]];
+                    }
+                });
+            }
 
             // In the case data zoom triggered refreshing frequently
             // Data may not change if line has a category axis. So it should animate nothing.
diff --git a/test/lines-single-symbol.html b/test/lines-single-symbol.html
new file mode 100644
index 0000000000..9848718061
--- /dev/null
+++ b/test/lines-single-symbol.html
@@ -0,0 +1,207 @@
+<!--
+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/facePrint.js"></script>
+</head>
+
+<body>
+    <style>
+        html,
+        body,
+        #main0,
+        #main1,
+        #main2,
+        #main3,
+        #main4 {
+            width: 100%;
+            height: 80%;
+        }
+    </style>
+    <div id="main0"></div>
+    <div id="main1"></div>
+    <div id="main2"></div>
+    <div id="main3"></div>
+    <script>
+        require(["echarts"], function (echarts) {
+            var chart = echarts.init(document.getElementById("main0"));
+
+            chart.setOption({
+                title: {
+                    text: "line series will null symbol",
+                },
+                xAxis: {
+                    type: "category",
+                    data: ["Mon", "Tue", "Wed", "Thu", "Fri", "Sat", "Sun"],
+                },
+                yAxis: {
+                    type: "value",
+                },
+                tooltip: {
+                    trigger: "axis",
+                },
+                series: [
+                    {
+                        showSymbol: 'single',
+                        data: [820, null, 901, null, 1290, 1330, 1320],
+                        type: "line",
+                        smooth: true,
+                    },
+                ],
+            });
+
+            window.onresize = chart.resize;
+        });
+    </script>
+    <script>
+        require(["echarts"], function (echarts) {
+            var chart = echarts.init(document.getElementById("main1"));
+
+            chart.setOption({
+                title: {
+                    text: "line series will null symbol but connectNulls true",
+                },
+                xAxis: {
+                    type: "category",
+                    data: ["Mon", "Tue", "Wed", "Thu", "Fri", "Sat", "Sun"],
+                },
+                yAxis: {
+                    type: "value",
+                },
+                tooltip: {
+                    trigger: "axis",
+                },
+                series: [
+                    {
+                        showSymbol: 'single',
+                        data: [820, null, 901, null, 1290, 1330, 1320],
+                        type: "line",
+                        smooth: true,
+                        connectNulls: true,
+                    },
+                ],
+            });
+
+            window.onresize = chart.resize;
+        });
+    </script>
+    <script>
+        require(["echarts"], function (echarts) {
+            var chart = echarts.init(document.getElementById("main2"));
+
+            chart.setOption({
+                title: {
+                    text: "line series will null symbol but showAllSymbol",
+                },
+                xAxis: {
+                    type: "category",
+                    data: ["Mon", "Tue", "Wed", "Thu", "Fri", "Sat", "Sun"],
+                },
+                yAxis: {
+                    type: "value",
+                },
+                tooltip: {
+                    trigger: "axis",
+                },
+                series: [
+                    {
+                        showSymbol: 'single',
+                        data: [820, null, 901, null, 1290, 1330, 1320],
+                        type: "line",
+                        smooth: true,
+                        showAllSymbol: true,
+                    },
+                ],
+            });
+
+            window.onresize = chart.resize;
+        });
+    </script>
+    <script>
+        require(["echarts"], function (echarts) {
+            var chart = echarts.init(document.getElementById("main3"));
+
+            chart.setOption(option = {
+                title: {
+                    text: "line series will null symbol and time series",
+                },
+                dataset: {
+                    source: [
+                        ['2009/6/12 2:00', 43.3, 433],
+                        ['2009/6/12 3:00', null, null],
+                        ['2009/6/12 4:00', null, null],
+                        ['2009/6/12 5:00', 218, 228],
+                        ['2009/6/12 6:00', null, null],
+                        ['2009/6/12 7:00', 260, 210],
+
+                        ['2009/6/12 8:00', 160, 160],
+                        ['2009/6/12 9:00', 180, 180],
+                        ['2009/6/12 10:00', null, null],
+
+                        ['2009/6/12 11:00', 200, 20],
+                    ],
+                },
+                xAxis: {
+                    type: 'time',
+                },
+                tooltip: {
+                    trigger: "axis",
+                },
+                yAxis: [
+                    {
+                        type: 'value'
+                    },
+                ],
+                series: [
+                    {
+                        showSymbol: 'single',
+                        connectNulls: false,
+                        type: 'line',
+                        name: 'a',
+                        encode: {
+                            x: 0,
+                            y: 1,
+                        },
+
+                    },
+                    {
+                        showSymbol: 'single',
+                        connectNulls: false,
+                        type: 'line',
+                        name: 'b',
+                        encode: {
+                            x: 0,
+                            y: 2,
+                        },
+                    }
+                ]
+            });
+
+            window.onresize = chart.resize;
+        });
+    </script>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/test/runTest/actions/__meta__.json b/test/runTest/actions/__meta__.json
index 26eac6dd21..d15998bd1b 100644
--- a/test/runTest/actions/__meta__.json
+++ b/test/runTest/actions/__meta__.json
@@ -133,6 +133,7 @@
   "line-sampling": 2,
   "line-visual2": 2,
   "lines-bus": 1,
+  "lines-single-symbol": 5,
   "lines-symbolSize-update": 1,
   "map": 3,
   "map-contour": 2,
diff --git a/test/runTest/actions/lines-single-symbol.json b/test/runTest/actions/lines-single-symbol.json
new file mode 100644
index 0000000000..9f4b9bf6d9
--- /dev/null
+++ b/test/runTest/actions/lines-single-symbol.json
@@ -0,0 +1 @@
+[{"name":"Action 1","ops":[{"type":"mousemove","time":431,"x":774,"y":200},{"type":"mousemove","time":631,"x":718,"y":191},{"type":"mousemove","time":841,"x":757,"y":160},{"type":"screenshot","time":1246}],"scrollY":0,"scrollX":0,"timestamp":1691718419649},{"name":"Action 2","ops":[{"type":"screenshot","time":463}],"scrollY":290,"scrollX":0,"timestamp":1691718424580},{"name":"Action 3","ops":[{"type":"screenshot","time":389}],"scrollY":608,"scrollX":0,"timestamp":1691718427485},{"name":"Action 4","ops":[{"type":"screenshot","time":461}],"scrollY":884,"scrollX":0,"timestamp":1691718430826},{"name":"Action 5","ops":[{"type":"screenshot","time":578}],"scrollY":921,"scrollX":0,"timestamp":1691718433229}]
\ No newline at end of file