我的个人网站 www.ryzeyang.top

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

情景描述

一般情况下,我们的横坐标和纵坐标都有一个值去与之对应。这样我们画出的图就如下:
vcharts(echarts)之折线图怎么跨点连接

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

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

于是有了下面这个。。

业务需求

希望后端没有给到对应数据时,可以直接连线到下一个有数据的点。
???? 一开始还想着没数据和0有什么区别吗
补0的话:
vcharts(echarts)之折线图怎么跨点连接
但是这个 又 被说 ????(前端可太难了????

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

解决办法

后来在 echarts 官网看到 有这个属性:
文档链接
vcharts(echarts)之折线图怎么跨点连接
幸好。。还以为还得自己去计算这个东西。。可怕ヽ(*。>Д<)o゜
(也可能是因为一开始百度的方式不对吧 。。,后面才去重新看看文档的)

添加上去后,就可以平滑地连接到下一个有数据的资料点啦
vcharts(echarts)之折线图怎么跨点连接

相关文章:

  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2021-12-16
  • 2021-04-05
  • 2021-11-24
猜你喜欢
  • 2021-06-30
  • 2021-07-13
  • 2021-08-31
  • 2021-04-26
  • 2021-08-19
  • 2021-09-23
  • 2022-12-23
相关资源
相似解决方案