如何在Apache ECharts中设置跳过空值连接剩余数据点？

你的需求完全可行，只需在存在null值的折线系列中添加connectNulls: true配置项，就能让折线跳过空值，直接连接前后有效的数据点。

修改后的完整配置如下：

option = {
  legend: {
    data: ['A', 'B']
  },
  xAxis: {
    data: [
      '1.2.0 (01.2024)',
      '1.3.0 (02.2024))',
      '1.4.0 (03.2024)'
    ]
  },
  yAxis: {
    min: 0,
    max: 100,
    interval: 10
  },
  series: [
    {
      name: 'A',
      type: 'line',
      data: [65, 60, 50]
    },
    {
      name: 'B',
      type: 'line',
      data: [60, null, 55],
      connectNulls: true // 新增配置，消除断点
    }
  ]
}

添加connectNulls: true后，B系列的折线会直接连接第一个点(60)和第三个点(55)，不再显示断点。

内容的提问来源于stack exchange，提问作者PyKKe