ECharts系列：怎么设置折线图为梯形的线段

目录

1.前言

2.关键代码

3.实现效果

---

1.前言

最近产品新设计了个驾驶舱，其中有个折线图需要显示为梯形的线段

2.关键代码

主要代码如下：

 series: [
        {
            name:'Step Start',
            type:'line',
            step: 'start',
            data:[120, 132, 101, 134, 90, 230, 210]
        },
        {
            name:'Step Middle',
            type:'line',
            step: 'middle',
            data:[220, 282, 201, 234, 290, 430, 410]
        },
        {
            name:'Step End',
            type:'line',
            step: 'end',
            data:[450, 432, 401, 454, 590, 530, 510]
        }
    ]

其中主要代码为step设置

3.实现效果