echarts折线图阴影设置

需求：折线图变成曲线，且下方带有阴影渐变效果

 

image.png

步骤：在series中修改smooth参数添加areaStyle样式，如下：

 

image.png

代码：

 

smooth: true, areaStyle: { normal: { color: { x: 0, y: 0, x2: 0, y2: 1, colorStops: [{ offset: 0, color: "#dc3881" // 0% 处的颜色 }, { offset: 0.7, color: "rgba(220,56,129,0)" // 100% 处的颜色 }], globalCoord: false // 缺省为 false } } },