vue中使用双轴echarts，并设置渐变阴影

vue中使用双轴echarts，并设置渐变阴影。
效果如图：

话不多说直接上代码

<template>
  <div :class="className" style="height:350px;width:100%;" />
</template>

import echarts from 'echarts'

this.chart.setOption({
     xAxis: {
        data: date,
        boundaryGap: false,
        axisTick: {
          show: false
        }
      },
      grid: {
        left: 10,
        right: 10,
        bottom: 20,
        top: 30,
        containLabel: true
      },
      tooltip: {
        trigger: 'axis',
        axisPointer: {
          type: 'cross'
        },
        padding: [5, 10]
      },
      yAxis: [
		{
			type: 'value',
			name: firstname,
		},
		{
			type: 'value',
			name: larstname,
		}
      ],
      series: [{
        name: firstname, itemStyle: {
          normal: {
            color: '#A3A0FB',
            lineStyle: {
              color: '#A3A0FB',
              width: 2
            },
          }
        },
        smooth: true,
        type: 'line',
        data: firstIndex,
		yAxisIndex: 0,
        animationDuration: 2800,
        animationEasing: 'cubicInOut',
			areaStyle: {
				normal: {
					color: {
						type: 'linear',//设置线性渐变
						x: 0,y: 0,x2: 0,y2: 1,
						colorStops: [{
								offset: 0, color: '#A7A7FF' // 0% 处的颜色
						}, {
								offset: 1, color: 'white' // 100% 处的颜色
						}],
						globalCoord: false // 缺省为 false
					},
				}
			},
      },
      {
        name: larstname,
        smooth: true,
        type: 'line',
        itemStyle: {
          normal: {
            color: '#54D8FF',
            lineStyle: {
              color: '#54D8FF',
              width: 2
            },
          }
        },
        data: larstIndex,
		yAxisIndex: 1,//右侧轴对应数据
        animationDuration: 2800,
        animationEasing: 'quadraticOut',
			areaStyle: {
				normal: {
					color: {
						type: 'linear',//设置线性渐变
						x: 0,y: 0,x2: 0,y2: 1,
						colorStops: [{
								offset: 0, color: '#54D8FF' // 0% 处的颜色
						}, {
								offset: 1, color: 'white' // 100% 处的颜色
						}],
						globalCoord: false // 缺省为 false
					},
				}
			},
      }],
  })