MrXue 发表于 2024-7-11 15:11:38

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

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

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

Run2024 发表于 2024-7-12 14:09:26

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

2. 数据绑定

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

for (let i = option.series.length - 1; i >= 0; i--) {
const s = option.series;
const shouldHidden = s.data.every(d => d.value == 0 || d.value == null);

if (shouldHidden)
        option.series.splice(i, 1);
}

return option

这样就可以达到效果了。

Felix.Li 发表于 2024-7-11 18:25:35

问题描述:

去除空数据

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

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

MrXue 发表于 2024-7-12 10:14:22

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

去除空数据


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

MrXue 发表于 2024-7-12 15:46:13

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



效果实现了,感谢

Felix.Li 发表于 2024-7-12 18:49:18

:hjyzw:
页: [1]
查看完整版本: 7.0.01180.0版本 柱状图或者折线图能否不显示空值指标