echarts 地图取消选中（动态的设置选中某个区域或取消选中某个区域）

watch: {
        cityActive (val, oldVal) {
            if (val && val != oldVal) {
                this.cityList.map((item, index) => {
                    if (item.name != val) { 
                        // 取消高亮
                        this.myChart.dispatchAction({
                            type: 'unselect',
                            name: item.name
                        })
                    }
                })
                // 选中高亮
                this.myChart.dispatchAction({
                  type: 'select',
                  name: val
                })
            }
        }
    }

注意：初始化地图，默认高亮选中，使用 selected: true

data:[
  {name: '广州', selected: true} // selected: true 默认选中   
]

 

 

 

参考文章：

封装echarts china map geo实现dispatch触发geoSelect事件高亮显示某个省份和城市，并定义复杂样式

Echarts 常用 API 之 action 行为