Echarts中折线图忽略空值,跳过为0的数据。

765人浏览 2023-11-03

如图所示,假如我3号的数据为0 则折线图3号那里会默认到底部。 我现在需要跳过为0的数据想要折线图直接从2号到4号。

解决方案:

示例options:

option = {
  xAxis: {
    type: 'category',
    data: ['1', '2', '3', '4', '5', '6', '7']
  },
  yAxis: {
    type: 'value'
  },

  series: [
    {
      data: [150, 230, null, 100, 100, 147, 260],
      type: 'line',
      connectNulls: true, // 连接空数据
    }
  ]
};

重点是修改3号对应的那天数据为null,并且添加添加配置:connectNulls: true, // 连接空数据

 

效果图:

 

 

推荐文章

使用npm安装vue框架
2020-10-21
在win10下使用压缩包安装npm和node,绿色版安装npm
2020-10-21
npm 常用命令汇总
2020-10-21
搜索文章