首页 前端知识 ECharts柱状图图形标签间隔显示

ECharts柱状图图形标签间隔显示

2024-03-27 10:03:54 前端知识 前端哥 171 137 我要收藏

问题描述:

需要ECharts柱状图图形标签间隔显示(间隔一个为例)

 查阅ECharts配置项文档:

利用series.label 中的formatter的函数形式

 解决方案:

在series.label.formatter的相关设置

label:{
        show:true,
        formatter:(params)=>{
         return params.dataIndex % 2 ==0 ? params.value : ''
        },
        position:'top'
      }

 

利用params的dataIndex判断要显示的标签

转载请注明出处或者链接地址:https://www.qianduange.cn//article/4213.html
标签
评论
会员中心 联系我 留言建议 回顶部
复制成功!