echarts地图鼠标悬停时地区颜色高亮

ECharts 是百度开源的一个使用 JavaScript 实现的开源可视化库，它可以在网页中展示丰富的图表类型，包括地图。在 ECharts 中，当鼠标悬停在地图上的某个地区时，默认情况下，该地区会以高亮的形式展示，以便用户可以清楚地看到鼠标所指的区域。

要实现这个效果，首先需要在 ECharts 的地图配置项中设置 `hoverable` 属性为 `true`，这样地图才能响应鼠标事件，允许鼠标悬停效果。其次，可以通过 `emphasis` 属性来定义地图高亮时的样式，例如颜色、边框粗细等。以下是实现该功能的一个基本示例代码：

option = {
    tooltip: {
        trigger: 'item'
    },
    series: [
        {
            name: '国家',
            type: 'map',
            mapType: 'china',
            label: {
                show: true
            },
            emphasis: {
                label: {
                    show: true,
                    color: '#fff'
                },
                itemStyle: {
                    borderColor: '#fff',
                    borderWidth: 1,
                    areaColor: '#1f83ff' // 高亮颜色
                }
            },
            data: [
                // 数据项...
            ]
        }
    ]
};

在上述代码中，`emphasis` 对象下的 `itemStyle` 属性定义了鼠标悬停时的高亮样式，其中 `areaColor` 属性指定了高亮时的颜色。