echarts世界地图设置高亮

项目需要中国地图和世界地图两个页面,需要定时对省份或国家进行高亮展示,现在中国地图已经可以满足要求了,就是修改serives里的data,给需要高亮的加selected:true;但是在世界地图那我加这个属性却还是不能高亮显示,是不是世界地图的设置与中国地图不一样啊。

mapData=[
                    {
                        name:'美国',
                        value:2222,
                        selected:true
                    }
                ]
const drawWorld = id => {
        console.log(mapData)
        clearInterval(t1)
        let myChart = echarts.init(document.getElementById(id))
        let option = {
            tooltip: {
                trigger: 'item'
            },
            visualMap: {
                show: false,
                min: 0,
                max: 1000000,
                text: ['100000000', '0'],
                realtime: false,
                calculable: true,
                inRange: {
                    color: ['#5ca7dc', '#2c55a5']
                }
            },
            //配置属性
            series: [{
                name: '数据',
                type: 'map',
                mapType: 'world',
                nameMap: nameMap,
                // roam: true,//禁止缩放
                label: {
                    normal: {
                        show: false //
                    },
                    emphasis: {
                        color: '#Fff',
                        show: true
                    }
                },
                data: mapData //数据
            }]
        }
        myChart.setOption(option)
}
阅读 7.5k
1 个回答
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题