echarts处理数据分时段展示多条数据（不喜勿喷）

工作当中的需求，就当学习记录一下，一个前端小白。

        需求是一条曲线进行分时段展示，每个时段显示数据量不同，可能三条，也可能是10条不等，想让echarts数据分时段展示，就需要多个series来进行数据渲染，例如：我现在这个曲线是分3段展示的，数据格式大概是这种：         

        series:[

                

        {

                ......配置参数就省略了

                 [100,200,300,'  ', '  ','  ','  ','  ','  ','  ','  ','  '],
         } ，

        

         {

                ......配置参数就省略了

                 [' ',' ',' ',' 320 ', ' 349 ',' 234 ',' 556 ',' 123 ','  ','  ','  ','  '],
         }   ，

         {

                ......配置参数就省略了

                 [' ',' ',' ','  ', '  ','  ','  ','  ',' 666 ',' 777 ','  888',' 999 '],
         }   

        

 ],

 总的来说是什么呢，意思就是你想分段显示就需要用数据去拼接来展示，一条曲线可能也可以实现，但是我这里用的是这种方法（不喜勿喷），方法有多种，大家可以自己发挥并实践，基于上面的数据结构最后出来的效果是这种：

 

下面附上代码及数据处理

//我这里是展示的五个时段的数据
//需要展示的曲线数据 实际项目中，就是后台接口返回数据
var lingsixzxyd = [10,10, 10, 10, 10, 10]  //第一时段
var sixtenzxyd = [10, 10, 10, 10, 10, 10] //第二时段