echarts (geo/map) 渐变效果

ECharts 中的渐变效果可以通过在地图（geo/map）的 itemStyle.normal.areaColor 或者 visualMap 中设置 color 属性来实现。以下是一个简单的例子：

option = {
    // ...
    geo: {
        // ...
        itemStyle: {
            normal: {
                // 设置渐变色
                areaColor: {
                    type: 'linear',
                    x: 0,
                    y: 0,
                    x2: 0,
                    y2: 1,
                    colorStops: [{
                        offset: 0,
                        color: 'rgba(0,244,255,0.2)' // 0% 处的颜色
                    }, {
                        offset: 1,
                        color: 'rgba(0,244,255,0.8)' // 100% 处的颜色
                    }],
                    globalCoord: false // 缺省为 false
                }
            }
        }
    },
    visualMap: {
        // ...
        // 设置渐变色
        color: ['#00b1ff', '#00cfff']
    }
    // ...
};

其中，itemStyle.normal.areaColor 是对每个区域的样式进行设置，visualMap 中的 color 是对多个区域的颜色进行设置，都可以使用 type: 'linear' 来设置渐变效果。colorStops 是一个数组，可以设置渐变色的位置和颜色。在这个例子中，渐变色从上到下从淡到浓，颜色从 rgba(0,244,255,0.2) 到 rgba(0,244,255,0.8)。