echarts实现区域/线条渐变色双折线图

echarts实现渐变色双折线图

效果图

echarts配置

const option = {
                grid: {
                    left: '6%', // 与容器左侧的距离
                    right: '6%', // 与容器右侧的距离
                    // top: '', // 与容器顶部的距离
                    bottom: '10%' // 与容器底部的距离
                },
                legend: [
                    {
                        top: 0,
                        left: 0,
                        itemWidth: 8,
                        itemHeight: 8,
                        data: [{ name: '战果实例数', icon: 'image://' + this.iconList[0] }]
                        // 自定义icon图标
                        // iconList使用require的方式引入图标
                        // iconList: [require('@/assets/image/common/dot.svg'), require('@/assets/image/common/pdot.svg')],
                    },
                    {
                        top: 0,
                        right: 0,
                        itemWidth: 8,
                        itemHeight: 8,
                        data: [
                            {
                                name: '输出数据量',
                                icon: 'image://'