找回密码
 立即注册

QQ登录

只需一步,快速开始

MrXue

注册会员

6

主题

14

帖子

48

积分

注册会员

积分
48
MrXue
注册会员   /  发表于:2024-7-11 15:11  /   查看:795  /  回复:5
在仪表板页面,创建柱状图或者折线图时,配置了多个指标,当指标数据为空时,能否不显示数据内容。
image.png504093627.png
如上图中 index2和index3数据都为空时,图中红色框选部分能否不显示,值保留index1的内容。
image.png627330016.png

5 个回复

倒序浏览
Run2024
注册会员   /  发表于:2024-7-12 14:09:26
来自 4#
可以使用 7.0 的ECharts柱状图,通过添加 custom option来解决这个问题:
1. 添加 ECharts 柱状图
image.png410012206.png
2. 数据绑定
image.png752288512.png
3. 添加自定义Option,移除值为0的 series
image.png848968200.png
  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.   if (shouldHidden)
  5.           option.series.splice(i, 1);
  6. }

  7. return option
复制代码


这样就可以达到效果了。
回复 使用道具 举报
Felix.LiWyn认证
超级版主   /  发表于:2024-7-11 18:25:35
沙发
问题描述:

去除空数据

问题回答:
您好,这个应该是数值计算的是0.数据可能本身是有的,这种您可以加一个数据过滤:
image.png402610167.png
过滤数据为数值字段不等于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
5#
Run2024 发表于 2024-7-12 14:09
可以使用 7.0 的ECharts柱状图,通过添加 custom option来解决这个问题:
1. 添加 ECharts 柱状图

效果实现了,感谢
回复 使用道具 举报
Felix.LiWyn认证
超级版主   /  发表于:2024-7-12 18:49:18
6#
回复 使用道具 举报
您需要登录后才可以回帖 登录 | 立即注册
返回顶部