vcharts(echarts)之折线图怎么跨点连接

博主的公众号：Java4y
《《《《《《《《《
一个努力提高工作效率（增加摸鱼时间）的小白博主
》》》》》》》》》》
关注有惊喜哦
《《《《《《《《《
2021一起好好加油！ (ง •_•)ง

内容概览
添加 series-line. connectNulls 属性，让线可以直接连接到下一个有数据的资料点

情景描述

一般情况下，我们的横坐标和纵坐标都有一个值去与之对应。这样我们画出的图就如下：

但是当后端没有给到对应的值时，我们画出的线就断开了：(😅)

于是有了下面这个。。

业务需求

希望后端没有给到对应数据时，可以直接连线到下一个有数据的点。
🙄 一开始还想着没数据和0有什么区别吗
补0的话：

但是这个 又 被说 🙄（前端可太难了😒

• 不好看。。
• 没数据就不要描出这个资料点（图中的小圆点）
• 万一真的有0的数据呢 😶(ˉ▽ˉ；)…

解决办法

后来在 echarts 官网看到 有这个属性：
文档链接

幸好。。还以为还得自己去计算这个东西。。可怕ヽ(*。>Д<)o゜
（也可能是因为一开始百度的方式不对吧 。。，后面才去重新看看文档的）

添加上去后，就可以平滑地连接到下一个有数据的资料点啦