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
        }
      }
},
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 1.图片浏览控件MWPhotoBrowser 实现了一个照片浏览器类似 iOS 自带的相册应用,可显示来自手机的图...
    万忍阅读 1,522评论 0 6
  • 系统基础库Category/Util 一套Category类型的库,附带很多自定义控件sstoolkit将Bloc...
    DDY阅读 684评论 0 0
  • 黄星星一一是你的主印记中心力量,位于五个印记的中间 主印记中心力量一一黄星星 这个主印记可以解读为天赋才华,看黄星...
    馨香_27f0阅读 875评论 0 0
  • 2018年11月8日00:01 天蝎座新月 这是一个浓郁的新月! 落在天秤座的金星对分落在牡羊座的天王星。 风向星...
    珊珊Samya阅读 368评论 0 1
  • 节日 小时候节日是那春节里亲切的盼望。又是一年春节,烟雾氤氲的家里,一家子人坐在饭桌前说说笑笑,谈谈闹闹。大人们讨...
    为为道来阅读 147评论 0 2