解决echarts中多条曲线X轴跨度不同缺失点,数据连接断开问题

问题描述

解决多条曲线,x轴跨度不同,数据连接会断开的问题;
有的4个小时有一个值,有的1个小时有一个值,4个小时的点会断开

在这里插入图片描述

解决方法

series数组中每个对象添加 connectNulls: true 属性

上边是我项目中循环添加属性,直观些看下面

//解决缺失的点,数据正常连接不断开
series:[
	{
		connectNulls: true, //添加此属性
		data: ["", "12.2", "", "", "", "11.8", "", "", "", "13.5", "", "", "", "10.3", "", "", "", "7.8", "", "", "",],
		name: "化学需氧量"
		smooth: true
		type: "line"
		unit: "mg/L"
	},
	{
		connectNulls: true,//添加此属性
		data: ["7.543", "7.558", "7.532", "7.529", "7.521", "7.504", "7.484", "7.476", "7.47", "7.459", "7.433",],
		name: "PH"
		smooth: true
		type: "line"
		unit: "无量纲"
	}
]

在这里插入图片描述

  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值