echarts的地图监听鼠标移动tooltip，在tooltip内移动不切换数据

ECharts是一个强大的JavaScript图表库，它可以创建各种交互式图表。如果你想实现在地图上监听鼠标移动，当鼠标移动时 tooltip 内的内容跟随移动而不是切换到新的数据点，你可以这样做：

首先，你需要确保已经在 ECharts 中启用了地图，并设置了鼠标悬停事件(`mousemove` 或 `mouseover`) 和 tooltip 的显示配置。

// 创建地图实例
var map = echarts.init(document.getElementById('map'));

// 加载地图数据
map.setOption({
    geo: {
        // 地图相关配置
        roam: true, // 设置地图可以自动缩放并平移以适应鼠标移动
        itemStyle: {
            normal: {
                label: { show: false }, // 隐藏默认的标签
                hover: {
                    label: { show: true, position: 'top' } // 当鼠标悬停时显示 tooltip
                }
            }
        },
        regions: ... // 区域数据
    },
    tooltip: {
        trigger: 'mousemove', // 启动鼠标移动触发 tooltip 显示
        formatter: function (params) { // 自定义 tooltip 格式化函数
            return params.name; // 返回地图区域名称
        },
        followMouse: true, // 开启鼠标跟随模式，保持 tooltip 在鼠标位置
        enterable: false, // 阻止用户关闭 tooltip
    }
});

// 监听地图的鼠标移动事件
map.on('mousemove', function (params) {
    map.dispatchAction({
        type: 'showTip',
        // 使用鼠标当前的位置更新 tooltip 显示的数据
        seriesIndex: 0, // 地图系列的索引
        dataIndex: params.dataIndex // 匹配到的具体数据点索引
    });
});

在这个例子中，`followMouse: true` 和 `enterable: false` 用于启用鼠标跟随模式，不会自动关闭 tooltip，同时 `mousemove` 会根据鼠标位置动态更新 tooltip 中的信息。