小程序 echarts 图表设置渐变

 

效果：

 

 代码：

series: [{
         data: [],
         type: 'line',
         smooth: true,
         /* symbol: 'circle', */
         symbolSize: 5,
         lineStyle: {
             normal: {
             width: 2,
             color: '#af5347'
             }
           },
          itemStyle: {
            normal: {
               // color: '#af5347'
             }
          },
           areaStyle:{ //渐变
              color: {
               type: 'linear',
               x: 0,
               y: 0,
               x2: 0,
               y2: 1,
               colorStops: [{
                      offset: 0, color: 'red' // 0% 处的颜色
                      }, {
                         offset: 1, color: 'blue' // 100% 处的颜色
                      }],
                      lobal: false, // 缺省为 false
                     },
              },
     }]