你這個可以理解為折線圖啊。

又來自問自答，其實自己的描述有點問題，本來其實想要實現(xiàn)的效果是下面這種，相差也并不大。

現(xiàn)在我是直接用line直接描點，畢竟是由數(shù)據(jù)繪制的。計算出四個點就好了，通過折線連接即可。
不過需要注意的是：分清類目軸和非類目軸。最開始自己就是沒有弄清楚，導(dǎo)致畫圖時，數(shù)據(jù)會基于類目軸來繪制，結(jié)果第二組數(shù)據(jù)繪制時又會從類目軸的第一個依次描繪起走，這樣就可能會有重疊，也不是我們想要的效果。。
簡單試驗成功代碼如下：

option = {
    title:{
       text:'梯形波' ,
       left:'center'
    },
    tooltip:{
        show:true,
    },
    dimensions:[
     'from','to','profit'
    ],
    encode:{
      tooltip:[0,1,2]  
    },
    xAxis: {
        type: 'value',
        interval:30
    },
    yAxis: {
        type: 'value'
    },
    series: [{
        data: [
         //x維度  y維度
          [  0,   0,   1],
          [ 20,  20,  2],
          [ 40,   20,   2],
          [ 60,   0,  2]
        ],
        type: 'line',
        areaStyle: {}
    },
    {
        data: [//x維度  y維度
          [  65,   0,   1],
          [ 88,  45,  2],
          [ 100,  45,   2],
          [ 123,   0,  2]
        ],
        type: 'line',
        areaStyle: {}
    
    }, 
    {
        data: [],
        type: 'line',
        areaStyle: {}
    
    }]
   
};