echarts中对断点情况处理

错误详情

在使用echarts时,发生了由于y轴中数据为空,中断的数据断点的问题

错误分析

传入的两列数据中,当数据为空时,发生了断点的情况

错误处理

其实只需要在图表设置中配置 connectNulls (是否连接断点) 的配置即可
代码详情:

var options = {
  title: {
    text: '血糖记录'
  },
  tooltip: {},
  legend: {
    data: [
      '血糖值(餐前)',
      '血糖值(餐后)'
    ]
  },
  xAxis: {},
  yAxis: {},
  series: [
    {
      name: '血糖值(餐前)',
      type: 'line',
      connectNulls: true
    },
    {
      name: '血糖值(餐后)',
      type: 'line',
      connectNulls: true
    }
  ]
}

因为我这个图表是两条折线,所以为每一条都进行配置

错误解决

此时虽然数据仍然为空,但不影响折线点的连接.