Luckly-huang
2019-09-10 20:38
采纳率: 33.3%
浏览 1.6k

echarts图标折线图当data数组中的某一个数据为0时,如何隐藏或删除?

  1. 我用echarts图标做了一个折线图统计,统计出来的数据有很多都显示为0,我想为了容易看一点有用的数据,想把显示为0的数据显示不见
  2. 这是我数据为0的时候的样子,我想把图中红色圈圈隐藏不见或者删除,如下图图片说明

我想把它门隐藏不见,然后当数据不为0又可以正常显示,如下图:
图片说明

不知道怎么实现,求大神帮忙

  • 点赞
  • 写回答
  • 关注问题
  • 收藏
  • 邀请回答

4条回答 默认 最新

  • 老铁咖啡 2019-09-11 09:59
    已采纳
    tooltip : {
        trigger: 'axis',
        formatter: function (datas) {
                var res = datas[0].name + '<br/>'
                for (var i = 0, length = datas.length; i < length; i++) {
                        if(datas[i].value != '0'){
                                res += datas[i].seriesName + ':' 
                            + datas[i].value + '<br/>'
                        }
                }
                return res
        }
    }
    
    点赞 1 评论
  • zqbnqsdsmd 2019-09-10 22:15
    点赞 评论
  • qq_351734088 2019-09-11 10:03

    这个提示可以自己编辑的tooltip.formatter里回调剔除为0的数组
    https://www.echartsjs.com/zh/option.html#tooltip.formatter

    点赞 评论
  • terryvvan 2021-03-26 18:29


    如图所示,这个配置项给了我启发,我直接填了null,这个数据就不会被图表显示了,折线图填0还是会显示划线,填null则不会显示

    点赞 评论

相关推荐 更多相似问题