echarts 折线图 数据点过密，显示重叠该如何解决

echarts 折线图 数据点过密，显示重叠该如何解决

有这样一个图表，显示的数据比较多， 当把 label 显示出来的时候，这些 label 重叠了，我想让它间隔一下。

结果是这样的：

只需要在 label.formatter 上处理

具体的官方文档是： https://echarts.apache.org/zh/option.html#series-line.label.formatter

label: {
	position: 'top',
	distance: 5,
	show: true,
	fontSize: 10,
	// 添加以下内容即可，这样的意思是每隔5个可视的点显示数值，而不是实际的数据点间隔
	formatter: (data) => {
	    if (data.dataIndex % 5 === 0){
	        return data.data.value
	    } else {
	        return ''
	    }
	}
},