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 行为

 

posted @   rachelch  阅读(3338)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 在鹅厂做java开发是什么体验
· 百万级群聊的设计实践
· WPF到Web的无缝过渡:英雄联盟客户端的OpenSilver迁移实战
· 永远不要相信用户的输入:从 SQL 注入攻防看输入验证的重要性
· 浏览器原生「磁吸」效果!Anchor Positioning 锚点定位神器解析
点击右上角即可分享
微信分享提示