地图点击高亮echarts 地图配置项内容和展示

      function randomData() {
    return Math.round(Math.random() * 1000);
}

option = {
    tooltip: {
        trigger: 'item'
    },
    legend: {},
    visualMap: {
        min: 0,
        max: 2500,
        left: 'left',
        top: 'bottom',
        text: ['高', '低'], // 文本，默认为数值文本
        calculable: true
    },
    series: [{
        type: 'map',
        map: 'china',
        roam: true,
        label: {
            show: true,
            color: '#555555'
        },
        itemStyle: {
            areaColor: '#e6e8ea',
            borderColor: '#fff'
        },
        data: [{
                name: '北京',
                value: randomData()
            },
            {
                name: '天津',
                value: randomData()
            },
            {
                name: '上海',
                value: randomData()
            },
            {
                name: '重庆',
                value: randomData()
            },
            {
                name: '河北',
                value: randomData()
            },
            {
                name: '河南',
                value: randomData()
            },
            {
                name: '云南',
                value: randomData()
            },
            {
                name: '辽宁',
                value: randomData()
            },
            {
                name: '黑龙江',
                value: randomData()
            },
            {
                name: '湖南',
                value: randomData()
            },
            {
                name: '安徽',
                value: randomData()
            },
            {
                name: '山东',
                value: randomData()
            },
            {
                name: '新疆',
                value: randomData()
            },
            {
                name: '江苏',
                value: randomData()
            },
            {
                name: '浙江',
                value: randomData()
            },
            {
                name: '江西',
                value: randomData()
            },
            {
                name: '湖北',
                value: randomData()
            },
            {
                name: '广西',
                value: randomData()
            },
            {
                name: '甘肃',
                value: randomData()
            },
            {
                name: '山西',
                value: randomData()
            },
            {
                name: '内蒙古',
                value: randomData()
            },
            {
                name: '陕西',
                value: randomData()
            },
            {
                name: '吉林',
                value: randomData()
            },
            {
                name: '福建',
                value: randomData()
            },
            {
                name: '贵州',
                value: randomData()
            },
            {
                name: '广东',
                value: randomData()
            },
            {
                name: '青海',
                value: randomData()
            },
            {
                name: '西藏',
                value: randomData()
            },
            {
                name: '四川',
                value: randomData()
            },
            {
                name: '宁夏',
                value: randomData()
            },
            {
                name: '海南',
                value: randomData()
            },
            {
                name: '台湾',
                value: randomData()
            },
            {
                name: '香港',
                value: randomData()
            },
            {
                name: '澳门',
                value: randomData()
            }
        ]
    }]
};

myChart.on('click', function(param) {
    var seriesIndex = param.seriesIndex;
    var dataIndex = param.dataIndex;
    option.series[seriesIndex].itemStyle = {
        color: function(params) {
            if (dataIndex === params.dataIndex) {
                return 'red'
            }
            return '#ccc'
        }
    }
    myChart.setOption(option)
});