DAV-BI 数据可视化平台DAV-BI 数据可视化平台
快速开始
数据接入
组件手册
  • 销售经营驾驶舱
  • 物联网设备监控
  • 智慧园区大屏
常见问题
官网首页
GitHub
快速开始
数据接入
组件手册
  • 销售经营驾驶舱
  • 物联网设备监控
  • 智慧园区大屏
常见问题
官网首页
GitHub
  • 快速开始

    • 文档首页
    • 第一张数据大屏
    • 项目搭建与验收
    • 如何选择图表
    • 基本概念
    • 教程学习路径
  • 项目、页面与素材

    • 项目工作区
    • 页面新建与复制
    • 发布分享与密码
    • 项目导入导出
    • 素材资源管理
    • 使用模板
  • 可视化编辑器

    • 编辑器总览
    • 画布尺寸与适配
    • 快捷操作与辅助线
    • 图层、组合与对齐
    • 数据与字段绑定
    • 图表与容器样式
    • 公共组件复用
  • 数据接入

    • 数据源与字段总览
    • 数据库与 MQTT 连接
    • MySQL 与 SQL 查询
    • API 请求配置
    • API 动态地址
    • Excel/CSV 文件导入
    • 复制粘贴 Excel
    • MQTT 消息订阅
  • 数据整理与刷新

    • 字段、类型与统计口径
    • JavaScript 过滤规则
    • 图表系列筛选
    • 更新机制与排查
  • 交互与联动

    • 环境变量管理
    • 下拉选择联动 API
    • 点击与弹出层
  • 图表组件

    • 组件总览
    • 柱状图与条形图
    • 折线图与多系列
    • 饼图与环形图
    • 数字指标
    • 仪表盘
    • 轮播表格
  • 地图、信息与多媒体

    • 区域数值地图
    • 地理散点与飞线
    • 文本与富文本
    • 图片
    • 日期时间
    • 普通视频
    • HLS 监控直播
    • 网页嵌入
    • 下拉选择
  • 场景实战

    • 销售经营驾驶舱
    • 物联网设备监控
    • 智慧园区大屏
  • 用户与系统管理

    • 用户、账号与权限
    • 多租户与 OEM
    • 修改密码
    • 本地与 OSS 存储
    • 操作日志
  • 部署与运维

    • 宝塔部署教程
    • 系统授权
    • 系统升级
    • 备份、恢复与迁移
  • 问题排查

    • 常见问题

数据过滤规则:JavaScript 清洗、转换与汇总

过滤规则用于在图表读取数据前进行整理,例如统一数值格式、追加字段或计算汇总。先确认原始数据正确,再处理展示需要的变换。

进入过滤设置

在 SQL、API 或 MQTT 数据源操作中打开「设置过滤规则」。启用规则,编写脚本,运行比较原始与处理结果,再保存。

当前脚本通过返回值提供结果。直接 return 数据即可;只声明一个函数但不调用,不会自动得到预期列表。

示例:统一金额类型

return (Array.isArray(data) ? data : []).map((row) => ({
  ...row,
  sales: Number(String(row.sales ?? "").replace(/,/g, "")) || 0
}));

示例将 sales 转为可用于数值图表的数字。转换前应确认逗号代表千位分隔,而不是业务字段中的其他含义。

示例:按门店汇总

return _.map(_.groupBy(Array.isArray(data) ? data : [], "store"), (rows, store) => ({
  store,
  sales: _.sumBy(rows, (row) => Number(row.sales) || 0)
}));

可使用提供的 Lodash 变量 _。上述结果为记录数组,适合继续绑定 store 与 sales。若转换后增加了新字段,应同步维护数据源字段列表。

注意结果形态

柱状图、折线图和表格通常使用记录数组;不要无意返回字符串、单个数字或空对象。要展示一个汇总数字,可返回包含一条记录的数组,再绑定其中字段。

脚本出错时,展示链路可能回退原始数据。因此不能把“图表还有内容”当作过滤规则执行成功;应明确比较结果。

系列局部筛选 · 字段整理

界面参考

DAV-BI 过滤规则的处理结果对比

Prev
字段、类型与统计口径
Next
图表系列筛选