折线图渐变

描述:当前是关于Echarts图表中的 折线图 示例。
 
            option = {

   xAxis: [
      {
         type: "category",
         boundaryGap: false, //坐标轴两边留白
         axisLine: {
            show: true,
            lineStyle: {
               color: " #D2D2D2",
            },
         },
         axisLabel: {
            interval: 0,
            textStyle: {
               fontSize:18,
               color: "#828282",
            },
         },
         axisTick: {
            show: false,
         },
         data: [
            "2020年",
            "2021年",
            "2022年",
            "2023年"
         ],
      },
   ],
   yAxis: [
      {
         type: "value",
         show: false,
      },
   ],
   series: [
      {
         name: "今日",
         type: "line",
         smooth: false,
         stack: "总量",
         symbolSize: 0,
         showSymbol: false,
         itemStyle: {
            normal: {
               color: "#23D0C4",
               lineStyle: {
                  color: "#23D0C4",
                  width: 0,
               },
            },
         },
         areaStyle: {
            normal: {
               color: new echarts.graphic.LinearGradient(
                  1,
                  0,
                  1,
                  1,
                  [
                     {
                        offset: 0,
                        color: "rgba(253, 197, 29, 1)",
                     },
                     {
                        offset: 0.5,
                        color: "rgba(253, 197, 29, 0.8)",
                     },
                     {
                        offset: 1,
                        color: "rgba(253, 197, 29, 0.2)",
                     },
                  ],
                  false
               ),
            },
         },
         data: ["330",
            "350",
            "370",
            "361.0"],
      },
      {
         name: "蓝色",
         type: "line",
         smooth: false,
         stack: "总量",
         symbolSize: 0,
         showSymbol: false,
         itemStyle: {
            normal: {
               color: "#23D0C4",
               lineStyle: {
                  color: "#23D0C4",
                  width: 0,
               },
            },
         },
         areaStyle: {
            normal: {
               color: new echarts.graphic.LinearGradient(
                  1,
                  0,
                  1,
                  1,
                  [
                     {
                        offset: 0,
                        color: "rgba(73, 156, 245, 1)",
                     },
                     {
                        offset: 0.5,
                        color: "rgba(73, 156, 245, 1)",
                     },
                     {
                        offset: 1,
                        color: "rgba(73, 156, 245, 0.2)",
                     },
                  ],
                  false
               ),
            },
         },
         data: ["330",
            "350",
            "370",
            "361.0"]
      },
   ],
};