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 ''
}
}
},

DAMO开发者矩阵,由阿里巴巴达摩院和中国互联网协会联合发起,致力于探讨最前沿的技术趋势与应用成果,搭建高质量的交流与分享平台,推动技术创新与产业应用链接,围绕“人工智能与新型计算”构建开放共享的开发者生态。
更多推荐


所有评论(0)