设置echarts多维柱状图数据为0的柱子不显示

原来的柱状图展示

底部有0

在每一个series下的label里添加一下代码

formatter: function (params) {
                if (params.value > 0) {
                  return params.value;
                } else {
                  return " ";
                }
              },

添加之后的图示

在这里插入图片描述

原来的信息展示(图例)

在这里插入图片描述

在tooltip下添加

(注意:是tooltip{}后面,不是里面)

formatter: function (params) {
            var html = "";
            if (params.length != 0) {
              // 可以自己打印一下console.info(params[0]);
              var getName = params[0].name;
              html += getName + "<br/>";
              for (var i = 0; i < params.length; i++) {
                // 如果为0 为空的数据我们不要了(你们可以直接判断 > 0)
                if (
                  params[i].value != null &&
                  params[i].value != 0 &&
                  params[i].value != ""
                ) {
                  html += params[i].marker;
                  html +=
                    params[i].seriesName + ": " + params[i].value + "<br/>";
                }
              }
            }
            return html;
          },

效果图

在这里插入图片描述
至此已经完成我们预期的效果。

求大佬指教

但是,我发现在柱状图上,虽然为0的柱子不在显示,但是它依旧在x轴上占着位置,求大佬指教。

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值