diff --git a/src/component/tooltip/TooltipHTMLContent.ts b/src/component/tooltip/TooltipHTMLContent.ts
index 7e08b53f98..2fe1bb3514 100644
--- a/src/component/tooltip/TooltipHTMLContent.ts
+++ b/src/component/tooltip/TooltipHTMLContent.ts
@@ -17,7 +17,7 @@
 * under the License.
 */
 
-import { isString, indexOf, each, bind, isFunction, isArray, isDom } from 'zrender/src/core/util';
+import { isString, indexOf, each, bind, isFunction, isArray, isDom, retrieve2 } from 'zrender/src/core/util';
 import { normalizeEvent } from 'zrender/src/core/event';
 import { transformLocalCoord } from 'zrender/src/core/dom';
 import env from 'zrender/src/core/env';
@@ -151,9 +151,11 @@ function assembleFont(textStyleModel: Model<TooltipOption['textStyle']>): string
 
     cssText.push('font:' + textStyleModel.getFont());
 
+    // @ts-ignore, leave it to the tooltip refactor.
+    const lineHeight = retrieve2(textStyleModel.get('lineHeight'), Math.round(fontSize * 3 / 2));
+
     fontSize
-        // @ts-ignore, leave it to the tooltip refactor.
-        && cssText.push('line-height:' + Math.round(fontSize * 3 / 2) + 'px');
+        && cssText.push('line-height:' + lineHeight + 'px');
 
     const shadowColor = textStyleModel.get('textShadowColor');
     const shadowBlur = textStyleModel.get('textShadowBlur') || 0;
diff --git a/src/component/tooltip/tooltipMarkup.ts b/src/component/tooltip/tooltipMarkup.ts
index c416dad5d4..10017645bf 100644
--- a/src/component/tooltip/tooltipMarkup.ts
+++ b/src/component/tooltip/tooltipMarkup.ts
@@ -42,6 +42,17 @@ type TextStyle = string | RichTextStyle;
 
 const TOOLTIP_LINE_HEIGHT_CSS = 'line-height:1';
 
+function getTooltipLineHeight(
+    textStyle: TooltipOption['textStyle']
+) {
+    const lineHeight = textStyle.lineHeight;
+    if (lineHeight == null) {
+        return TOOLTIP_LINE_HEIGHT_CSS;
+    }
+    else {
+        return `line-height:${encodeHTML(lineHeight + '')}px`;
+    }
+}
 // TODO: more textStyle option
 function getTooltipTextStyle(
     textStyle: TooltipOption['textStyle'],
@@ -272,6 +283,7 @@ function buildSection(
     const subMarkupText = ctx.renderMode === 'richText'
         ? subMarkupTextList.join(gaps.richText)
         : wrapBlockHTML(
+            toolTipTextStyle,
             subMarkupTextList.join(''),
             noHeader ? topMarginForOuterGap : gaps.html
         );
@@ -282,13 +294,15 @@ function buildSection(
 
     const displayableHeader = makeValueReadable(fragment.header, 'ordinal', ctx.useUTC);
     const {nameStyle} = getTooltipTextStyle(toolTipTextStyle, ctx.renderMode);
+    const tooltipLineHeight = getTooltipLineHeight(toolTipTextStyle);
     if (ctx.renderMode === 'richText') {
         return wrapInlineNameRichText(ctx, displayableHeader, nameStyle as RichTextStyle) + gaps.richText
             + subMarkupText;
     }
     else {
         return wrapBlockHTML(
-            `<div style="${nameStyle};${TOOLTIP_LINE_HEIGHT_CSS};">`
+            toolTipTextStyle,
+            `<div style="${nameStyle};${tooltipLineHeight};">`
                 + encodeHTML(displayableHeader)
                 + '</div>'
                 + subMarkupText,
@@ -350,6 +364,7 @@ function buildNameValue(
             ))
         )
         : wrapBlockHTML(
+            toolTipTextStyle,
             (noMarker ? '' : markerStr)
             + (noName ? '' : wrapInlineNameHTML(readableName, !noMarker, nameStyle as string))
             + (noValue ? '' : wrapInlineValueHTML(
@@ -406,12 +421,14 @@ function getGap(gapLevel: number): {
 }
 
 function wrapBlockHTML(
+    textStyle: TooltipOption['textStyle'],
     encodedContent: string,
     topGap: number
 ): string {
     const clearfix = '<div style="clear:both"></div>';
     const marginCSS = `margin: ${topGap}px 0 0`;
-    return `<div style="${marginCSS};${TOOLTIP_LINE_HEIGHT_CSS};">`
+    const tooltipLineHeight = getTooltipLineHeight(textStyle);
+    return `<div style="${marginCSS};${tooltipLineHeight};">`
         + encodedContent + clearfix
         + '</div>';
 }
diff --git a/test/tooltip-textStyle-lineHeight.html b/test/tooltip-textStyle-lineHeight.html
new file mode 100644
index 0000000000..92de143f26
--- /dev/null
+++ b/test/tooltip-textStyle-lineHeight.html
@@ -0,0 +1,278 @@
+<!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' */ ], function (echarts) {
+            var option;
+
+            option = {
+                xAxis: {},
+                yAxis: {},
+                tooltip: {
+                    textStyle: {
+                        fontSize: 20,
+                        textShadowColor: 'red',
+                        textShadowBlur: 10
+                    },
+                    formatter: '{a}: {c}',
+                    alwaysShowContent: true
+                },
+                series: {
+                    type: 'line',
+                    data: [
+                        [11, 22],
+                        [33, 44]
+                    ]
+                }
+            };
+
+            var chart = testHelper.create(echarts, 'main0', {
+                title: [
+                    'lineHeight: in default',
+                ],
+                option: option
+            });
+
+            chart.dispatchAction({
+                type: 'showTip',
+                seriesIndex: 0,
+                dataIndex: 0
+            });
+        });
+
+    </script>
+
+
+    <script>
+        require(['echarts' /*, 'map/js/china' */ ], function (echarts) {
+            var option;
+
+            option = {
+                xAxis: {},
+                yAxis: {},
+                tooltip: {
+                    textStyle: {
+                        fontSize: 20,
+                        lineHeight: 100,
+                        textShadowColor: 'red',
+                        textShadowBlur: 10
+                    },
+                    formatter: '{a}: {c}',
+                    alwaysShowContent: true
+                },
+                series: {
+                    type: 'line',
+                    data: [
+                        [11, 22],
+                        [33, 44]
+                    ]
+                }
+            };
+
+            var chart = testHelper.create(echarts, 'main1', {
+                title: [
+                    'lineHeight: 100 in single line',
+                ],
+                option: option
+            });
+
+            chart.dispatchAction({
+                type: 'showTip',
+                seriesIndex: 0,
+                dataIndex: 0
+            });
+        });
+
+    </script>
+
+    <script>
+        require(['echarts' /*, 'map/js/china' */ ], function (echarts) {
+            var option;
+
+            option = {
+                xAxis: {},
+                yAxis: {},
+                tooltip: {
+                    textStyle: {
+                        fontSize: 20,
+                        lineHeight: 100,
+                        textShadowColor: 'red',
+                        textShadowBlur: 10,
+                        textShadowOffsetX: 10,
+                        textShadowOffsetY: 10
+                    },
+                    formatter: '{a}: {c}',
+                    alwaysShowContent: true,
+                },
+                series: {
+                    type: 'line',
+                    data: [
+                        [11, 22],
+                        [33, 44]
+                    ]
+                }
+            };
+
+            var chart = testHelper.create(echarts, 'main2', {
+                title: [
+                    'lineHeight: 100 in single line with formatter',
+                    'trigger: **"item"**',
+                ],
+                option: option
+                // height: 300,
+                // buttons: [{text: 'btn-txt', onclick: function () {}}],
+                // recordCanvas: true,
+            });
+
+            chart.dispatchAction({
+                type: 'showTip',
+                seriesIndex: 0,
+                dataIndex: 0
+            });
+        });
+
+    </script>
+
+    <script>
+        require(['echarts' /*, 'map/js/china' */ ], function (echarts) {
+            var option;
+
+            option = {
+                tooltip: {
+                    alwaysShowContent: true,
+                    textStyle: {
+                        fontSize: 20,
+                        textShadowColor: 'red',
+                        textShadowBlur: 10,
+                        lineHeight: 100
+                    }
+                },
+                radar: {
+                    radius: [50, '70%'],
+                    name: {
+                        formatter: '【{value}】',
+                        color: '#72ACD1'
+                    },
+                    triggerEvent: true,
+                    indicator: [{
+                            text: '销售（sales）',
+                            max: 100
+                        },
+                        {
+                            text: '管理（Administration）',
+                            max: 16000
+                        },
+                        {
+                            text: '信息技术（Information Techology）',
+                            max: 30000
+                        },
+                        {
+                            text: '客服（Customer Support）',
+                            max: 38000
+                        },
+                        {
+                            text: '研发（Development）',
+                            max: 52000
+                        },
+                        {
+                            text: '市场（Marketing）',
+                            max: 25000
+                        }
+                    ]
+                },
+                series: [{
+                    name: '预算 vs 开销（Budget vs spending）',
+                    type: 'radar',
+                    label: {
+                        normal: {
+                            show: true
+                        }
+                    },
+                    // areaStyle: {normal: {}},
+                    data: [{
+                            value: [0, 10000, 28000, 35000, 50000, 19000],
+                            name: '预算分配（Allocated Budget）'
+                        },
+                        {
+                            value: [50, 14000, 28000, 31000, '-', 21000],
+                            name: '实际开销（Actual Spending）含有 "-" 数据'
+                        },
+                        {
+                            value: ['-', 8000, 20000, 20000, 40000, 10000],
+                            name: '第一个元素是 null'
+                        }
+                    ]
+                }]
+            };
+
+            var chart = testHelper.create(echarts, 'main3', {
+                title: [
+                    'lineHeight: 100 in multi line',
+                ],
+                option: option
+                // height: 300,
+                // buttons: [{text: 'btn-txt', onclick: function () {}}],
+                // recordCanvas: true,
+            });
+
+            chart.dispatchAction({
+                type: 'showTip',
+                seriesIndex: 0,
+                dataIndex: 0
+            });
+        });
+
+    </script>
+</body>
+
+</html>