7.0.01180.0版本 柱状图或者折线图能否不显示空值指标

在仪表板页面，创建柱状图或者折线图时，配置了多个指标，当指标数据为空时，能否不显示数据内容。

如上图中 index2和index3数据都为空时，图中红色框选部分能否不显示，值保留index1的内容。

可以使用 7.0 的ECharts柱状图，通过添加 custom option来解决这个问题：
1. 添加 ECharts 柱状图

2. 数据绑定

3. 添加自定义Option，移除值为0的 series

1. for (let i = option.series.length - 1; i >= 0; i--) {
   
2.   const s = option.series[i];
   
3.   const shouldHidden = s.data.every(d => d.value == 0 || d.value == null);
   
4. 
   
5.   if (shouldHidden)
   
6.           option.series.splice(i, 1);
   
7. }
   
8. 
   
9. return option

复制代码

这样就可以达到效果了。

问题描述:

去除空数据

问题回答:
您好，这个应该是数值计算的是0.数据可能本身是有的，这种您可以加一个数据过滤:

过滤数据为数值字段不等于0.然后就会只计算那些有数据的了

Felix.Li 发表于 2024-7-11 18:25
问题描述:

去除空数据

我这里给所有指标都筛选不为0了，但还是没有变化。
推送数据集里字段index2和index3的值全是null。

Run2024 发表于 2024-7-12 14:09
可以使用 7.0 的ECharts柱状图，通过添加 custom option来解决这个问题：
1. 添加 ECharts 柱状图

效果实现了，感谢