diff --git a/src/component/visualMap/ContinuousView.ts b/src/component/visualMap/ContinuousView.ts
index 2b2248ef28..d4aa842a8a 100644
--- a/src/component/visualMap/ContinuousView.ts
+++ b/src/component/visualMap/ContinuousView.ts
@@ -108,8 +108,12 @@ class ContinuousView extends VisualMapView {
 
     private _firstShowIndicator: boolean;
 
-    private _api: ExtensionAPI;
+    init(ecModel: GlobalModel, api: ExtensionAPI) {
+        super.init(ecModel, api);
 
+        this._hoverLinkFromSeriesMouseOver = zrUtil.bind(this._hoverLinkFromSeriesMouseOver, this);
+        this._hideIndicator = zrUtil.bind(this._hideIndicator, this);
+    }
 
     doRender(
         visualMapModel: ContinuousModel,
@@ -117,8 +121,6 @@ class ContinuousView extends VisualMapView {
         api: ExtensionAPI,
         payload: {type: string, from: string}
     ) {
-        this._api = api;
-
         if (!payload || payload.type !== 'selectDataRange' || payload.from !== this.uid) {
             this._buildView();
         }
@@ -711,7 +713,7 @@ class ContinuousView extends VisualMapView {
             for (let i = 0; i < handleLabels.length; i++) {
                 // Fade out handle labels.
                 // NOTE: Must use api enter/leave on emphasis/blur/select state. Or the global states manager will change it.
-                this._api.enterBlur(handleLabels[i]);
+                this.api.enterBlur(handleLabels[i]);
             }
         }
     }
@@ -856,7 +858,7 @@ class ContinuousView extends VisualMapView {
             for (let i = 0; i < handleLabels.length; i++) {
                 // Fade out handle labels.
                 // NOTE: Must use api enter/leave on emphasis/blur/select state. Or the global states manager will change it.
-                this._api.leaveBlur(handleLabels[i]);
+                this.api.leaveBlur(handleLabels[i]);
             }
         }
     }
@@ -874,6 +876,7 @@ class ContinuousView extends VisualMapView {
         this._hideIndicator();
 
         const zr = this.api.getZr();
+
         zr.off('mouseover', this._hoverLinkFromSeriesMouseOver);
         zr.off('mouseout', this._hideIndicator);
     }
@@ -892,7 +895,7 @@ class ContinuousView extends VisualMapView {
             : graphic.transformDirection(vertex, transform, inverse);
     }
 
- // TODO: TYPE more specified payload types.
+    // TODO: TYPE more specified payload types.
     private _dispatchHighDown(type: 'highlight' | 'downplay', batch: Payload['batch']) {
         batch && batch.length && this.api.dispatchAction({
             type: type,
@@ -908,14 +911,6 @@ class ContinuousView extends VisualMapView {
         this._clearHoverLinkToSeries();
     }
 
-    /**
-     * @override
-     */
-    remove() {
-        this._clearHoverLinkFromSeries();
-        this._clearHoverLinkToSeries();
-    }
-
 }
 
 function createPolygon(
diff --git a/test/runTest/actions/__meta__.json b/test/runTest/actions/__meta__.json
index 0d67363c0e..76383def7a 100644
--- a/test/runTest/actions/__meta__.json
+++ b/test/runTest/actions/__meta__.json
@@ -216,5 +216,6 @@
   "universalTransition": 6,
   "universalTransition2": 3,
   "universalTransition3": 2,
-  "visualMap-categories": 1
+  "visualMap-categories": 1,
+  "visualMap-multi-continuous": 1
 }
\ No newline at end of file
diff --git a/test/runTest/actions/visualMap-multi-continuous.json b/test/runTest/actions/visualMap-multi-continuous.json
new file mode 100644
index 0000000000..fa0bba0713
--- /dev/null
+++ b/test/runTest/actions/visualMap-multi-continuous.json
@@ -0,0 +1 @@
+[{"name":"Action 1","ops":[{"type":"mousemove","time":992,"x":584,"y":400},{"type":"mousemove","time":1194,"x":580,"y":373},{"type":"mousemove","time":1399,"x":566,"y":353},{"type":"mousemove","time":1604,"x":559,"y":345},{"type":"mousemove","time":1806,"x":541,"y":337},{"type":"mousemove","time":2009,"x":518,"y":342},{"type":"mousemove","time":2214,"x":482,"y":357},{"type":"mousemove","time":2417,"x":421,"y":364},{"type":"mousemove","time":2620,"x":376,"y":346},{"type":"mousemove","time":2821,"x":359,"y":324},{"type":"mousemove","time":3025,"x":365,"y":309},{"type":"mousemove","time":3226,"x":383,"y":310},{"type":"mousemove","time":3426,"x":408,"y":358},{"type":"mousemove","time":3632,"x":414,"y":380},{"type":"mousemove","time":3835,"x":488,"y":362},{"type":"mousemove","time":4037,"x":553,"y":326},{"type":"mousemove","time":4241,"x":593,"y":286},{"type":"mousemove","time":4447,"x":593,"y":262},{"type":"mousemove","time":4736,"x":593,"y":262},{"type":"mousemove","time":4939,"x":746,"y":234},{"type":"mousemove","time":5144,"x":758,"y":225},{"type":"mousemove","time":5347,"x":746,"y":218},{"type":"mousemove","time":5556,"x":743,"y":216},{"type":"mousemove","time":5978,"x":743,"y":216},{"type":"mousemove","time":6184,"x":758,"y":253},{"type":"mousemove","time":6385,"x":762,"y":348},{"type":"mousemove","time":6587,"x":758,"y":374},{"type":"mousemove","time":6791,"x":757,"y":377},{"type":"mousemove","time":6995,"x":757,"y":397},{"type":"mousemove","time":7197,"x":758,"y":416},{"type":"mousemove","time":7412,"x":758,"y":418},{"type":"mousemove","time":7628,"x":758,"y":418},{"type":"screenshot","time":8017},{"type":"mousemove","time":8137,"x":758,"y":418},{"type":"mousemove","time":8337,"x":758,"y":408},{"type":"mousemove","time":8542,"x":506,"y":344},{"type":"mousemove","time":8743,"x":488,"y":347},{"type":"mousemove","time":8944,"x":488,"y":349},{"type":"screenshot","time":9261},{"type":"mousemove","time":9370,"x":487,"y":349},{"type":"mousemove","time":9577,"x":409,"y":363},{"type":"mousemove","time":9783,"x":403,"y":363},{"type":"screenshot","time":9889},{"type":"mousemove","time":9995,"x":402,"y":363},{"type":"mousemove","time":10205,"x":344,"y":353},{"type":"mousemove","time":10413,"x":340,"y":352},{"type":"screenshot","time":10508},{"type":"mousemove","time":10620,"x":334,"y":351},{"type":"mousemove","time":10824,"x":317,"y":355},{"type":"mousemove","time":11027,"x":282,"y":352},{"type":"mousemove","time":11238,"x":277,"y":351},{"type":"mousemove","time":11444,"x":275,"y":351},{"type":"screenshot","time":11517},{"type":"mousemove","time":11653,"x":274,"y":351},{"type":"mousemove","time":11794,"x":273,"y":351},{"type":"mousemove","time":11994,"x":228,"y":351},{"type":"mousemove","time":12194,"x":227,"y":351},{"type":"screenshot","time":12377},{"type":"mousemove","time":12453,"x":227,"y":351},{"type":"mousemove","time":12660,"x":188,"y":348},{"type":"mousemove","time":12864,"x":183,"y":346},{"type":"mousemove","time":13117,"x":183,"y":346},{"type":"mousemove","time":13138,"x":184,"y":346},{"type":"mousemove","time":13341,"x":189,"y":351},{"type":"mousemove","time":13549,"x":190,"y":352},{"type":"screenshot","time":13666},{"type":"mousemove","time":13764,"x":189,"y":350},{"type":"mousemove","time":13967,"x":186,"y":323},{"type":"mousemove","time":14171,"x":186,"y":323},{"type":"mousemove","time":14372,"x":187,"y":324},{"type":"screenshot","time":14449},{"type":"mousemove","time":14487,"x":187,"y":324},{"type":"mousemove","time":14688,"x":204,"y":315},{"type":"mousemove","time":14888,"x":300,"y":254},{"type":"mousemove","time":15092,"x":270,"y":243},{"type":"mousemove","time":15300,"x":270,"y":246},{"type":"screenshot","time":15607},{"type":"mousemove","time":15662,"x":270,"y":246},{"type":"mousemove","time":15863,"x":273,"y":246},{"type":"mousemove","time":16067,"x":430,"y":211},{"type":"mousemove","time":16271,"x":596,"y":228},{"type":"mousemove","time":16475,"x":604,"y":233},{"type":"mousemove","time":16679,"x":605,"y":233},{"type":"mousemove","time":16879,"x":717,"y":200},{"type":"mousemove","time":17079,"x":737,"y":193},{"type":"mousemove","time":17283,"x":752,"y":196},{"type":"mousemove","time":17553,"x":752,"y":196},{"type":"screenshot","time":17783},{"type":"mousemove","time":17820,"x":752,"y":197},{"type":"mousemove","time":18020,"x":767,"y":500},{"type":"mousemove","time":18224,"x":756,"y":436},{"type":"mousemove","time":18429,"x":760,"y":412},{"type":"screenshot","time":19049}],"scrollY":0,"scrollX":0,"timestamp":1694167824332}]
\ No newline at end of file
diff --git a/test/visualMap-multi-continuous.html b/test/visualMap-multi-continuous.html
new file mode 100644
index 0000000000..b5945dcea0
--- /dev/null
+++ b/test/visualMap-multi-continuous.html
@@ -0,0 +1,319 @@
+<!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>
+
+
+
+
+
+
+    <script>
+        require([
+            'echarts',
+            // 'map/js/china',
+            // './data/nutrients.json'
+        ], function (echarts) {
+            var option;
+            const dataBJ = [
+                [1, 55, 9, 56, 0.46, 18, 6, '良'],
+                [2, 25, 11, 21, 0.65, 34, 9, '优'],
+                [3, 56, 7, 63, 0.3, 14, 5, '良'],
+                [4, 33, 7, 29, 0.33, 16, 6, '优'],
+                [5, 42, 24, 44, 0.76, 40, 16, '优'],
+                [6, 82, 58, 90, 1.77, 68, 33, '良'],
+                [7, 74, 49, 77, 1.46, 48, 27, '良'],
+                [8, 78, 55, 80, 1.29, 59, 29, '良'],
+                [9, 267, 216, 280, 4.8, 108, 64, '重度污染'],
+                [10, 185, 127, 216, 2.52, 61, 27, '中度污染'],
+                [11, 39, 19, 38, 0.57, 31, 15, '优'],
+                [12, 41, 11, 40, 0.43, 21, 7, '优'],
+                [13, 64, 38, 74, 1.04, 46, 22, '良'],
+                [14, 108, 79, 120, 1.7, 75, 41, '轻度污染'],
+                [15, 108, 63, 116, 1.48, 44, 26, '轻度污染'],
+                [16, 33, 6, 29, 0.34, 13, 5, '优'],
+                [17, 94, 66, 110, 1.54, 62, 31, '良'],
+                [18, 186, 142, 192, 3.88, 93, 79, '中度污染'],
+                [19, 57, 31, 54, 0.96, 32, 14, '良'],
+                [20, 22, 8, 17, 0.48, 23, 10, '优'],
+                [21, 39, 15, 36, 0.61, 29, 13, '优'],
+                [22, 94, 69, 114, 2.08, 73, 39, '良'],
+                [23, 99, 73, 110, 2.43, 76, 48, '良'],
+                [24, 31, 12, 30, 0.5, 32, 16, '优'],
+                [25, 42, 27, 43, 1, 53, 22, '优'],
+                [26, 154, 117, 157, 3.05, 92, 58, '中度污染'],
+                [27, 234, 185, 230, 4.09, 123, 69, '重度污染'],
+                [28, 160, 120, 186, 2.77, 91, 50, '中度污染'],
+                [29, 134, 96, 165, 2.76, 83, 41, '轻度污染'],
+                [30, 52, 24, 60, 1.03, 50, 21, '良'],
+                [31, 46, 5, 49, 0.28, 10, 6, '优']
+            ];
+            const dataGZ = [
+                [1, 26, 37, 27, 1.163, 27, 13, '优'],
+                [2, 85, 62, 71, 1.195, 60, 8, '良'],
+                [3, 78, 38, 74, 1.363, 37, 7, '良'],
+                [4, 21, 21, 36, 0.634, 40, 9, '优'],
+                [5, 41, 42, 46, 0.915, 81, 13, '优'],
+                [6, 56, 52, 69, 1.067, 92, 16, '良'],
+                [7, 64, 30, 28, 0.924, 51, 2, '良'],
+                [8, 55, 48, 74, 1.236, 75, 26, '良'],
+                [9, 76, 85, 113, 1.237, 114, 27, '良'],
+                [10, 91, 81, 104, 1.041, 56, 40, '良'],
+                [11, 84, 39, 60, 0.964, 25, 11, '良'],
+                [12, 64, 51, 101, 0.862, 58, 23, '良'],
+                [13, 70, 69, 120, 1.198, 65, 36, '良'],
+                [14, 77, 105, 178, 2.549, 64, 16, '良'],
+                [15, 109, 68, 87, 0.996, 74, 29, '轻度污染'],
+                [16, 73, 68, 97, 0.905, 51, 34, '良'],
+                [17, 54, 27, 47, 0.592, 53, 12, '良'],
+                [18, 51, 61, 97, 0.811, 65, 19, '良'],
+                [19, 91, 71, 121, 1.374, 43, 18, '良'],
+                [20, 73, 102, 182, 2.787, 44, 19, '良'],
+                [21, 73, 50, 76, 0.717, 31, 20, '良'],
+                [22, 84, 94, 140, 2.238, 68, 18, '良'],
+                [23, 93, 77, 104, 1.165, 53, 7, '良'],
+                [24, 99, 130, 227, 3.97, 55, 15, '良'],
+                [25, 146, 84, 139, 1.094, 40, 17, '轻度污染'],
+                [26, 113, 108, 137, 1.481, 48, 15, '轻度污染'],
+                [27, 81, 48, 62, 1.619, 26, 3, '良'],
+                [28, 56, 48, 68, 1.336, 37, 9, '良'],
+                [29, 82, 92, 174, 3.29, 0, 13, '良'],
+                [30, 106, 116, 188, 3.628, 101, 16, '轻度污染'],
+                [31, 118, 50, 0, 1.383, 76, 11, '轻度污染']
+            ];
+            const dataSH = [
+                [1, 91, 45, 125, 0.82, 34, 23, '良'],
+                [2, 65, 27, 78, 0.86, 45, 29, '良'],
+                [3, 83, 60, 84, 1.09, 73, 27, '良'],
+                [4, 109, 81, 121, 1.28, 68, 51, '轻度污染'],
+                [5, 106, 77, 114, 1.07, 55, 51, '轻度污染'],
+                [6, 109, 81, 121, 1.28, 68, 51, '轻度污染'],
+                [7, 106, 77, 114, 1.07, 55, 51, '轻度污染'],
+                [8, 89, 65, 78, 0.86, 51, 26, '良'],
+                [9, 53, 33, 47, 0.64, 50, 17, '良'],
+                [10, 80, 55, 80, 1.01, 75, 24, '良'],
+                [11, 117, 81, 124, 1.03, 45, 24, '轻度污染'],
+                [12, 99, 71, 142, 1.1, 62, 42, '良'],
+                [13, 95, 69, 130, 1.28, 74, 50, '良'],
+                [14, 116, 87, 131, 1.47, 84, 40, '轻度污染'],
+                [15, 108, 80, 121, 1.3, 85, 37, '轻度污染'],
+                [16, 134, 83, 167, 1.16, 57, 43, '轻度污染'],
+                [17, 79, 43, 107, 1.05, 59, 37, '良'],
+                [18, 71, 46, 89, 0.86, 64, 25, '良'],
+                [19, 97, 71, 113, 1.17, 88, 31, '良'],
+                [20, 84, 57, 91, 0.85, 55, 31, '良'],
+                [21, 87, 63, 101, 0.9, 56, 41, '良'],
+                [22, 104, 77, 119, 1.09, 73, 48, '轻度污染'],
+                [23, 87, 62, 100, 1, 72, 28, '良'],
+                [24, 168, 128, 172, 1.49, 97, 56, '中度污染'],
+                [25, 65, 45, 51, 0.74, 39, 17, '良'],
+                [26, 39, 24, 38, 0.61, 47, 17, '优'],
+                [27, 39, 24, 39, 0.59, 50, 19, '优'],
+                [28, 93, 68, 96, 1.05, 79, 29, '良'],
+                [29, 188, 143, 197, 1.66, 99, 51, '中度污染'],
+                [30, 174, 131, 174, 1.55, 108, 50, '中度污染'],
+                [31, 187, 143, 201, 1.39, 89, 53, '中度污染']
+            ];
+            const schema = [
+                { name: 'date', index: 0, text: '日' },
+                { name: 'AQIindex', index: 1, text: 'AQI指数' },
+                { name: 'PM25', index: 2, text: 'PM2.5' },
+                { name: 'PM10', index: 3, text: 'PM10' },
+                { name: 'CO', index: 4, text: '一氧化碳（CO）' },
+                { name: 'NO2', index: 5, text: '二氧化氮（NO2）' },
+                { name: 'SO2', index: 6, text: '二氧化硫（SO2）' }
+            ];
+            const itemStyle = {
+                opacity: 0.8,
+                shadowBlur: 10,
+                shadowOffsetX: 0,
+                shadowOffsetY: 0,
+                shadowColor: 'rgba(0,0,0,0.3)'
+            };
+            option = {
+                color: ['#dd4444', '#fec42c', '#80F1BE'],
+                legend: {
+                    top: 10,
+                    data: ['北京', '上海', '广州'],
+                    textStyle: {
+                        fontSize: 16
+                    }
+                },
+                grid: {
+                    left: '10%',
+                    right: 150,
+                    top: '18%',
+                    bottom: '10%'
+                },
+                tooltip: {
+                    backgroundColor: 'rgba(255,255,255,0.7)',
+                    formatter: function (param) {
+                        var value = param.value;
+                        // prettier-ignore
+                        return '<div style="border-bottom: 1px solid rgba(255,255,255,.3); font-size: 18px;padding-bottom: 7px;margin-bottom: 7px">'
+                            + param.seriesName + ' ' + value[0] + '日：'
+                            + value[7]
+                            + '</div>'
+                            + schema[1].text + '：' + value[1] + '<br>'
+                            + schema[2].text + '：' + value[2] + '<br>'
+                            + schema[3].text + '：' + value[3] + '<br>'
+                            + schema[4].text + '：' + value[4] + '<br>'
+                            + schema[5].text + '：' + value[5] + '<br>'
+                            + schema[6].text + '：' + value[6] + '<br>';
+                    }
+                },
+                xAxis: {
+                    type: 'value',
+                    name: '日期',
+                    nameGap: 16,
+                    nameTextStyle: {
+                        fontSize: 16
+                    },
+                    max: 31,
+                    splitLine: {
+                        show: false
+                    }
+                },
+                yAxis: {
+                    type: 'value',
+                    name: 'AQI指数',
+                    nameLocation: 'end',
+                    nameGap: 20,
+                    nameTextStyle: {
+                        fontSize: 16
+                    },
+                    splitLine: {
+                        show: false
+                    }
+                },
+                visualMap: [
+                    {
+                        left: 'right',
+                        bottom: '5%',
+                        dimension: 6,
+                        min: 0,
+                        max: 50,
+                        itemHeight: 120,
+                        text: ['明暗：二氧化硫'],
+                        textGap: 30,
+                        inRange: {
+                            colorLightness: [0.9, 0.5]
+                        },
+                        outOfRange: {
+                            color: ['rgba(255,255,255,0.4)']
+                        },
+                        controller: {
+                            inRange: {
+                                color: ['#c23531']
+                            },
+                            outOfRange: {
+                                color: ['#999']
+                            }
+                        }
+                    },
+                    {
+                        left: 'right',
+                        top: '10%',
+                        dimension: 2,
+                        min: 0,
+                        max: 250,
+                        itemWidth: 30,
+                        itemHeight: 120,
+                        calculable: true,
+                        precision: 0.1,
+                        text: ['圆形大小：PM2.5'],
+                        textGap: 30,
+                        inRange: {
+                            symbolSize: [10, 70]
+                        },
+                        outOfRange: {
+                            symbolSize: [10, 70],
+                            color: ['rgba(255,255,255,0.4)']
+                        },
+                        controller: {
+                            inRange: {
+                                color: ['#c23531']
+                            },
+                            outOfRange: {
+                                color: ['#999']
+                            }
+                        }
+                    },
+                ],
+                series: [
+                    {
+                        name: '北京',
+                        type: 'scatter',
+                        itemStyle: itemStyle,
+                        data: dataBJ
+                    },
+                    {
+                        name: '上海',
+                        type: 'scatter',
+                        itemStyle: itemStyle,
+                        data: dataSH
+                    },
+                    {
+                        name: '广州',
+                        type: 'scatter',
+                        itemStyle: itemStyle,
+                        data: dataGZ
+                    }
+                ]
+            };
+
+            var chart = testHelper.create(echarts, 'main0', {
+                title: [
+                    'Test Case Description of main0',
+                    '(Muliple lines and **emphasis** are supported in description)'
+                ],
+                option: option
+                // height: 300,
+                // buttons: [{text: 'btn-txt', onclick: function () {}}],
+                // recordCanvas: true,
+            });
+        });
+    </script>
+
+
+</body>
+
+</html>
\ No newline at end of file