echarts 地图 渐变

在 ECharts 中，可以通过设置 visualMap 组件来实现地图渐变效果。具体步骤如下：

1. 在 option 中添加 visualMap 组件：

visualMap: {
    min: 0,
    max: 1000,
    left: 'left',
    top: 'bottom',
    text: ['High', 'Low'],           // 文本，默认为数值文本
    calculable: true,
    inRange: {
        color: ['#F5DEB3', '#800000']    // 渐变颜色
    }
}

2. 在 series 中设置数据并关联 visualMap：

series: [{
    type: 'map',
    mapType: 'china',
    data: [
        {name: '北京', value: 100},
        {name: '上海', value: 200},
        {name: '广州', value: 300},
        {name: '深圳', value: 400},
        {name: '重庆', value: 500}
    ],
    label: {
        show: true
    },
    itemStyle: {
        emphasis: {
            areaColor: '#FFA07A'   // 鼠标悬浮时的颜色
        }
    },
    visualMap: {
        type: 'continuous',
        seriesIndex: 0,
        min: 0,
        max: 1000,
        text: ['High', 'Low'],           // 文本，默认为数值文本
        calculable: true,
        inRange: {
            color: ['#F5DEB3', '#800000']    // 渐变颜色
        }
    }
}]

其中，visualMap 的 inRange 属性为渐变颜色设置，可以根据需要自行调整。另外，需要注意的是，visualMap 组件需要与 series 中的数据进行关联，以实现渐变效果。