Question

echarts，柱状图，数据为0时，不显示0

如图所示，求大神，我想用图的方式，很直观的表达出一个二维表格。或者有其他的想法的人可以说下；

Answer 1

在javascript文件编写的时候，在label中加入formatter回调函数，判断输入数据，若数据为0的转换为空字符即可。如下图所示：

加入函数这个判断之前的效果：

加入之后的效果(（由于我在写的时候让输入随机了，所以数据有不同）：

扩展资料：

Echarts中数据到图形的映射，制作数据可视化图表的逻辑是这样的：基于数据，在配置项中指定如何映射到图形。

概略而言，可以进行这些映射：

1、指定 dataset 的列（column）还是行（row）映射为图形系列（series）。这件事可以使用 series.seriesLayoutBy 属性来配置。默认是按照列（column）来映射。

2、指定维度映射的规则：如何从 dataset 的维度（一个“维度”的意思是一行/列）映射到坐标轴（如 X、Y 轴）、提示框（tooltip）、标签（label）、图形元素大小颜色等（visualMap）。

3、这件事可以使用 series.encode 属性，以及 visualMap 组件（如果有需要映射颜色大小等视觉维度的话）来配置。

参考资料来源：

echarts官网文档-配置详解

Answer 2

1： 数据传入时判断如果为0替换成“”。
2： series->label-->formatter里可以配置（回调函数）
formatter: function(params) {
if (params.value > 0) {
return params.value;
} else {
return '';
}
},
亲测有效，第二种方法不动原始数据，在配置项里配置。

Answer 3

这样是可以的

label: {
    normal: {
        show: true,
        position: 'insideRight',
        formatter: function (params) {
            if (params.value > 0) {
                return params.value;
            } else {
                return '';
            }
        },
    },

}

Answer 4

我现在也有这个问题。。话说。。大哥你解决了没。。。我知道这个数据都是自动生成的。。或者能把上方数据全都取消显示也行。。

Answer 5

把原始表格中的0全部删除，什么都不要写

追问

这个肯定不行的==，不用试；