weixin_44122498
Luckly-huang
采纳率50%
2019-09-10 20:38 阅读 1.3k
已采纳

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

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

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

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

  • 点赞
  • 写回答
  • 关注问题
  • 收藏
  • 复制链接分享

4条回答 默认 最新

  • 已采纳
    u013254183 老铁咖啡 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 zqbnqsdsmd 2019-09-10 22:15

    https://blog.csdn.net/qq_24909089/article/details/83856543

    点赞 评论 复制链接分享
  • qq_37744644 qq_351734088 2019-09-11 10:03

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

    点赞 评论 复制链接分享
  • weixin_47521346 terryvvan 2021-03-26 18:29


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

    点赞 评论 复制链接分享
提交

相关推荐