您当前的位置: 首页 >  ar

王佳斌

暂无认证

  • 1浏览

    0关注

    821博文

    0收益

  • 0浏览

    0点赞

    0打赏

    0留言

私信
关注
热门博文

Echarts - 渐变折线图区域

王佳斌 发布时间:2021-05-24 17:27:32 ,浏览量:1

效果图

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

在这里插入图片描述

实现方法

官方文档(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'
    }])
},

在这里插入图片描述

关注
打赏
1665568777
查看更多评论
立即登录/注册

微信扫码登录

0.1263s