原来的柱状图展示

底部有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/&gt;";
              for (var i = 0; i < params.length; i++) {
                // 如果为0 为空的数据我们不要了(你们可以直接判断 &gt; 0)
                if (
                  params[i].value != null &amp;&amp;
                  params[i].value != 0 &amp;&amp;
                  params[i].value != ""
                ) {
                  html += params[i].marker;
                  html +=
                    params[i].seriesName + ": " + params[i].value + "<br/>";
                }
              }
            }
            return html;
          },

效果图

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

求大佬指教

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

原文地址:https://blog.csdn.net/yanwu666/article/details/129274796

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任

如若转载,请注明出处:http://www.7code.cn/show_21194.html

如若内容造成侵权/违法违规/事实不符,请联系代码007邮箱suwngjj01@126.com进行投诉反馈,一经查实,立即删除

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注