3.echart 渐变内置生成器echarts.graphic.LinearGradient

itemStyle: {
    normal: {
        color: '#00E2FF',
        lineStyle: {
            // 系列级个性化折线样式
            width: 5,
            type: 'solid',
            // 颜色渐变函数 前四个参数分别表示四个位置依次为
            // 右下左上
            color: new echarts.graphic.LinearGradient(1, 0, 0, 0, [
                {
                    offset: 0,
                    color: '#00E2FF'
                },
                {
                    offset: 1,
                    color: '#0063BF'
                }
            ]) // 线条渐变色
        }
    },
    emphasis: {
        color: '#0063BF',
        lineStyle: {
            // 系列级个性化折线样式
            width: 5,
            type: 'dotted',
            color: '#4fd6d2' // 折线的颜色
        }
    }
}, // 线条样式
areaStyle: {
    normal: {
        color: new this.$echarts.graphic.LinearGradient(0, 0, 0, 1, [
            {
                // 折线图颜色渐变
                offset: 0,
                color: 'rgba(0, 226, 255, 0.5)'
            },
            {
                offset: 1,
                color: 'rgba(0, 99, 191, 0)'
            }
        ])
    }
},