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 } } },