echarts map emphasis 去除鼠标移入颜色高亮？

Question

emphasis 里面设置show: false不管用，直接删除整个emphasis 会出现其他颜色。

 itemStyle: {
            normal: {
              borderColor: "#66e2df",
              borderWidth: 2,
              areaColor: {
                image: this.domImg,
                repeat: "repeat",
              },
            },
            // 鼠标放上去高亮的样式
            emphasis: {
              show: false,
              color: "#3b85a2",
            },
          },

Answer 1

引自免费微信小程序：皆我百晓生

为了去除ECharts地图在鼠标悬停时的颜色高亮效果，您可以尝试通过覆盖默认的emphasis状态，使鼠标悬停时保持与正常状态下相同的样式。您可以这样修改您的代码：

// 其他配置...
series: [
    {
        type: 'map',
        name: '省份分布',
        data: yourData, // 这里是您的地图数据
        itemStyle: {
            normal: {
                borderColor: '#66e2df',
                borderWidth: 2,
                areaColor: {
                    image: this.domImg,
                    repeat: 'repeat'
                }
            },
            emphasis: { // 覆盖默认的emphasis状态
                borderColor: '#66e2df', // 使用与normal一样的边框颜色
                borderWidth: 2, // 使用与normal一样的边框宽度
                areaColor: {
                    image: this.domImg,
                    repeat: 'repeat'
                } // 使用与normal一样的填充图片
            }
        }
    }
]
// 其他配置...

在这段代码中，我们为emphasis添加了与normal相同的属性值，这将确保在鼠标悬停时不会有任何视觉上的变化。如果您有特定的颜色或样式需要在鼠标悬停时应用，请替换相应的属性值。