基本中国地图,根据各省数据区分颜色 --EKecharts 地图配置项内容和展示

配置项如下
      var data = [
    {
        name: '北京',
        selected: false,
        value: 4500000,
    },
    {
        name: '天津',
        selected: false,
        value: 5000000,
    },
    {
        name: '上海',
        selected: false,
        value: 5000000,
    },
    {
        name: '重庆',
        selected: false,
        value: 5548400,
    },
    {
        name: '河北',
        selected: false,
        value: 5881100,
    },
    {
        name: '河南',
        selected: false,
        value: 5985000,
    },
    {
        name: '云南',
        selected: false,
        value: 5488100,
    },
    {
        name: '辽宁',
        selected: false,
        value: 5794150,
    },
    {
        name: '黑龙江',
        selected: false,
        value: 5154800,
    },
    {
        name: '湖南',
        selected: false,
        value: 5105440,
    },
    {
        name: '安徽',
        selected: false,
        value: 5115450,
    },
    {
        name: '山东',
        selected: false,
        value: 5485150,
    },
    {
        name: '新疆',
        selected: false,
        value: 5548780,
    },
    {
        name: '江苏',
        selected: false,
        value: 7856000,
    },
    {
        name: '浙江',
        selected: false,
        value: 8043000,
    },
    {
        name: '江西',
        selected: false,
        value: 5488400,
    },
    {
        name: '湖北',
        selected: false,
        value: 5481100,
    },
    {
        name: '广西',
        selected: false,
        value: 5500000,
    },
    {
        name: '甘肃',
        selected: false,
        value: 5488100,
    },
    {
        name: '山西',
        selected: false,
        value: 4584150,
    },
    {
        name: '内蒙古',
        selected: false,
        value: 3568400,
    },
    {
        name: '陕西',
        selected: false,
        value: 3848810,
    },
    {
        name: '吉林',
        selected: false,
        value: 5545480,
    },
    {
        name: '福建',
        selected: false,
        value: 4545510,
    },
    {
        name: '贵州',
        selected: false,
        value: 5544510,
    },
    {
        name: '广东',
        selected: false,
        value: 14974000,
    },
    {
        name: '青海',
        selected: false,
        value: 5854440,
    },
    {
        name: '西藏',
        selected: false,
        value: 5445510,
    },
    {
        name: '四川',
        selected: false,
        value: 6972000,
    },
    {
        name: '宁夏',
        selected: false,
        value: 5684510,
    },
    {
        name: '海南',
        selected: false,
        value: 512640,
    },
    {
        name: '台湾',
        selected: false,
        value: 4448450,
    },
    {
        name: '香港',
        selected: false,
        value: 4154870,
    },
    {
        name: '澳门',
        selected: false,
        value: 4454580,
    },
]; //各省地图颜色数据依赖value

option = {
    backgroundColor: '#142452',
    tooltip: {
        trigger: 'item',
    },
    // 游标
    visualMap: {
        // orient: 'horizontal', //横置
        type: 'continuous',
        itemWidth: 16,
        itemHeight: 120,
        text: ['高', '低'],
        showLabel: true,
        seriesIndex: [0],
        min: 4000000,
        max: 10000000,
        calculable: true, //开启游标
        left: 50,
        bottom: 30,
        inRange: {
            color: ['#8ED861', '#85CE4E', '#EED000', '#EEAE00', '#209FA9', '#F5903D', '#EE8C00', '#EE3B3B'],
        },
        textStyle: {
            color: '#ffffff',
            fontSize: 12,
        },
    },

    legend: {
        orient: 'vertical',
        top: 'right',
        left: 'bottom',
        data: ['已完成', '进行中', '未完成'],
        textStyle: {
            //图例文字的样式
            color: '#00FFFF',
            fontSize: 12,
        },
    },

    geo: {
        map: 'china',
        roam: false, //开关可移动可放大
    },

    series: [
        {
            name: '飞信消息发送量',
            type: 'map',
            mapType: 'china',
            showLegendSymbol: false, //去掉指示点
            itemStyle: {
                normal: {
                    borderWidth: 1, //区域边框宽度
                    borderColor: '#00a6dc', //区域边框颜色
                    areaColor: '#224E7F', //区域颜色
                    label: {
                        show: false, //是否显示各省名称
                        textStyle: {
                            color: '#ff5500', //显示各省名称颜色
                        },
                    },
                },
                emphasis: {
                    areaColor: '#f0690f', //区域颜色,鼠标悬停颜色
                    label: {
                        show: true, //鼠标悬浮时是否显示各省名称
                        textStyle: {
                            color: '#fdf1f6', //鼠标悬浮时显示各省名称的颜色
                        },
                    },
                },
            },
            data: data,
        },
    ],
};

    
截图如下