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

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

echarts折线图阴影设置
需求：折线图变成曲线，且下方带有阴影渐变效果步骤：在series中修改smooth参数添加areaStyle样式...
ECharts问题整理
1、ECharts折线图不堆叠设置折线图堆叠的重要参数stack。只要将stack的值设置不相同，就不会堆叠了。...
Echarts属性
Echarts折线图属性设置大全[https://www.jianshu.com/p/abeda82bbd07]
如何设置echarts随页面大小变化自适应
echarts折线图随页面大小变化自适应在项目中应用做echarts折线图,柱状图时会碰到需求是echarts会...
vue echarts折线图获取本地 json 文件动态更新数
预览图 html js json数据定义参考：echarts之折线图配置Echarts4.0 使用系列——折线图...
Echarts折线图设置
Echarts设置背景的网格线为虚线
用Echarts写了一个折线图之后，现在不太喜欢背景网格线的实线需要改成虚线 Echarts设置背景的网格线为虚线...
echarts-doc
【echarts3】折线图我踩过的那些坑（tooltip 设置，line 单个点/散点不显示问题） toolt...
echarts按需引入
以折线图为例1.echarts npm 2.页面引入 echarts
技能242-折线图的微立体风格设计，关键在线条和标记的阴影设置-
折线图该如何设计微立体效果呢？折线图的微立体风格设计，关键在线条和标记的阴影设置，特别是当折线图与其他类型图表（如...