echarts地图添加悬浮显示

在使用ECharts绘制地图时，添加悬浮显示（也称为提示框、提示信息或tooltips）是提高用户交互体验的常见做法。ECharts 提供了丰富的配置项来实现这一点，以下是一些基本步骤来实现地图上的悬浮显示效果：

1. 首先，需要确保你的 ECharts 实例中有一个 series 对象，并且该对象配置了 type 为 'map'。

2. 在系列（series）的配置中，可以添加一个 `label` 属性来控制地图上的区域标签，以及 `itemStyle` 属性来控制悬浮时的显示样式。

3. 使用 `tooltip` 配置项来开启提示框功能，并可以设置 `trigger` 为 'item' 来指定触发提示框的方式为鼠标悬浮在地图上。可以通过 `formatter` 属性来格式化提示框的内容。

下面是一个简单的示例代码：

option = {
    series: [
        {
            name: '省份',
            type: 'map',
            mapType: 'china',
            label: {
                show: true,
                formatter: '{b}'
            },
            data: [
                { name: '北京', value: Math.round(Math.random() * 100) },
                { name: '天津', value: Math.round(Math.random() * 100) },
                // ... 其他省份数据
            ],
            itemStyle: {
                normal: {
                    areaColor: '#ccc',
                    borderColor: '#fff'
                },
                emphasis: {
                    areaColor: 'rgba(255,215,0,0.8)',
                    borderWidth: 1,
                    borderColor: '#999'
                }
            },
            tooltip: {
                show: true,
                trigger: 'item',
                formatter: function (params) {
                    return params.name + ' : ' + params.value;
                }
            }
        }
    ]
};

在这个示例中，每个省份的数据被随机生成，并在鼠标悬停到具体的省份区域上时，会显示一个包含省份名称和值的提示框。