怎么样可以让颜色不累加吗？echarts 折线配置项内容和展示

想做3个标准差的区域但是发现堆积图颜色会累加，然后河流图有点不符合要求，areaStyle里面的color是设置区域吗？我试了下不行，想问下大佬该怎么办

      data.x = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 21, 22, 23, 24, 25, 26, 27, 28, 29, 30];
data.y = [3.232, 3.196, 3.210, 3.232, 3.256, 3.282, 3.310, 3.339, 3.369, 3.400, 3.431, 3.464, 3.498, 3.533, 3.569, 3.606, 3.644, 3.682, 3.720, 3.758, 3.797, 3.835, 3.874, 3.912, 3.950, 3.987, 4.025,
    4.062, 4.099, 4.135
];
data.z = [3.711, 3.685, 3.704, 3.730, 3.758, 3.789, 3.820, 3.853, 3.887, 3.921, 3.957, 3.993, 4.031, 4.070, 4.110, 4.151, 4.193, 4.235, 4.278, 4.320, 4.363, 4.406, 4.448, 4.490, 4.532, 4.574, 4.616,
    4.657, 4.698, 4.738
];
data.w = [4.230, 4.222, 4.249, 4.280, 4.314, 4.349, 4.386, 4.423, 4.461, 4.500, 4.540, 4.581, 4.623, 4.667, 4.712, 4.758, 4.804, 4.852, 4.899, 4.946, 4.994, 5.042, 5.089, 5.136, 5.183, 5.229, 5.275,
    5.321, 5.366, 5.366
];
data.v = [4.793, 4.810, 4.846, 4.885, 4.925, 4.967, 5.009, 5.052, 5.096, 5.140, 5.186, 5.232, 5.280, 5.329, 5.379, 5.431, 5.483, 5.536, 5.589, 5.642, 5.695, 5.749, 5.802, 5.854, 5.906, 5.958, 6.010,
    6.061, 6.112, 6.162
];
data.u = [2.794, 2.752, 2.764, 2.782, 2.803, 2.826, 2.851, 2.877, 2.904, 2.932, 2.960, 2.990, 3.021, 3.052, 3.085, 3.118, 3.152, 3.187, 3.221, 3.256, 3.291, 3.325, 3.360, 3.395, 3.429, 3.463, 3.497,
    3.531, 3.564, 3.597
];
data.s = [2.395, 2.352, 2.362, 2.378, 2.397, 2.418, 2.440, 2.464, 2.488, 2.513, 2.540, 2.567, 2.595, 2.623, 2.653, 2.683, 2.714, 2.745, 2.777, 2.808, 2.840, 2.871, 2.903, 2.934, 2.965, 2.996, 3.027,
    3.058, 3.088, 3.118
];
data.t = [2.033, 1.994, 2.002, 2.017, 2.034, 2.053, 2.074, 2.096, 2.118, 2.118, 2.165, 2.190, 2.216, 2.242, 2.269, 2.297, 2.325, 2.353, 2.382, 2.410, 2.439, 2.468, 2.496, 2.525, 2.553, 2.582, 2.610,
    2.638, 2.665, 2.693
];
option = {
    grid: {
        left: '3%',
        right: '4%',
        bottom: '3%',
        top: '3%',
        containLabel: true
    },
    tooltip: {
        trigger: 'axis',
        axisPointer: {
            type: 'cross',
            label: {
                formatter: function(params) {
                    console.log(params)
                    return data.y[params.value] + params.value;
                },
                backgroundColor: '#6a7985'
            }
        },
        formatter: function(params, ticket, callback) {
            return null;
        }
    },
    xAxis: [{
        type: 'category',
        boundaryGap: false,
        data: data.x
    }],
    yAxis: [{
        type: 'value'
    }],
    series: [{
        type: 'line',
        showSymbol: false,
        areaStyle: {
            normal: {
                color: 'rgb(238,120,120)'
            }
        },
        data: data.v
    }, {
        type: 'line',
        showSymbol: false,
        areaStyle: {
            normal: {
                color: 'rgb(243,235,91)'
            }
        },
        data: data.w
    }, {
        type: 'line',
        showSymbol: false,
        areaStyle: {
            normal: {
                color: 'rgb(167,241,72)'
            }
        },
        data: data.z
    }, {
        type: 'line',
        showSymbol: false,
        areaStyle: {
            normal: {
                color: 'rgb(167,241,72)'
            }
        },
        data: data.y
    }, {
        type: 'line',
        showSymbol: false,
        areaStyle: {
            normal: {
                color: 'rgb(243,235,91)'
            }
        },
        data: data.u
    }, {
        type: 'line',
        showSymbol: false,
        areaStyle: {
            normal: {
                color: 'rgb(238,120,120)'
            }
        },
        data: data.s
    }, {
        type: 'line',
        showSymbol: false,
        areaStyle: {
            normal: {
                color: 'rgb(244,247,250)'
            }
        },
        data: data.t
    }]
}