您当前的位置: 首页 >  ar

Echarts - 渐变折线图区域

发布时间:2021-05-24 17:27:32 ,浏览量:5

效果图

如下图所示,两种颜色可以搭配营造渐变效果:

在这里插入图片描述

实现方法

官方文档(areaStyle > color):https://echarts.apache.org/zh/option.html#xAxis.splitArea.areaStyle.color

在series中加入以下配置代码:

// 注意: ets: echarts库(echarts下的graphic方法) // import * as ets from 'echarts' areaStyle: { color: new ets.graphic.LinearGradient(0, 0, 0, 1, [{ offset: 0, color: 'green' }, { offset: 1, color: 'red' }]) }, 

在这里插入图片描述

关注
打赏
1688896170
查看更多评论

暂无认证

  • 5浏览

    0关注

    115984博文

    0收益

  • 0浏览

    0点赞

    0打赏

    0留言

私信
关注
热门博文
立即登录/注册

微信扫码登录

0.0481s