echarts渐变色地图

以下是使用Echarts实现渐变色地图的方法：

1. 使用geo和visualMap结合实现地图背景颜色渐变：

option = {
    geo: {
        map: 'china',
        itemStyle: {
            normal: {
                areaColor: '#fff', // 地图背景颜色
                borderColor: '#999' // 地图边界颜色
            }
        }
    },
    visualMap: {
        min: 0,
        max: 100,
        calculable: true,
        inRange: {
            color: ['#ffeda0', '#f03b20'] // 渐变色范围
        }
    },
    series: [
        {
            type: 'map',
            map: 'china',
            roam: false, // 地图不能移动
            label: {
                show: true
            },
            data: [
                {name: '北京', value: 90},
                {name: '上海', value: 80},
                {name: '广州', value: 70},
                // 其他省份的数据...
            ]
        }
    ]
};

2. 使用visualMap实现地图子区域的渐变色：

option = {
    geo: {
        map: '济南市历下区',
        itemStyle: {
            normal: {
                areaColor: '#fff', // 地图背景颜色
                borderColor: '#999' // 地图边界颜色
            }
        }
    },
    visualMap: {
        min: 0,
        max: 100,
        calculable: true,
        inRange: {
            color: ['#ffeda0', '#f03b20'] // 渐变色范围
        }
    },
    series: [
        {
            type: 'map',
            map: '济南市历下区',
            roam: false, // 地图不能移动
            label: {
                show: true
            },
            data: [
                {name: '区域1', value: 90},
                {name: '区域2', value: 80},
                {name: '区域3', value: 70},
                // 其他子区域的数据...
            ]
        }
    ]
};