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

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

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

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

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

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

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

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

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

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

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

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

    • 常见问题

组件交互事件:设置变量、打开窗口与弹出层

交互事件让标题、图片或图表容器触发操作。选中组件,在容器设置中打开「事件设置」,添加监听事件、执行操作和操作参数。

设置环境变量

选择「点击」与「设置环境变量」,参数用变量名和值,通过竖线分隔:

area|east

先在项目环境变量中建立 area。更新已有变量后可触发 API 数据源刷新;API URL 需要引用该变量,才能影响实际取数结果。

打开新窗口

选择「打开新窗口」,参数可以填写:

https://example.com/report|_blank

第一个参数是地址,第二个为窗口目标。使用自己的报表或业务页面,并在预览中验证能否访问。浏览器可能限制非用户主动触发的新窗口;不应只在编辑器里测试。

打开弹出层

先创建并保存用于展示详情的可视化内容,再选择「打开弹出层」,参数填写该内容的 UUID。它不是标题文字,也不是随意编号。

弹出层使用目标内容的尺寸和设计配置。建议为详情单独设计合适大小,并核对涉及的数据源与资源。

优先使用点击验证

为稳定完成基础交互,优先配置点击。使用右键或双击前,先在当前版本的最终预览中确认实际响应,再决定是否用于交付页面。

排查顺序

检查监听事件 → 执行操作 → 竖线参数 → 变量或目标内容是否存在 → 最终预览。参数中的竖线是分隔符,不适合直接放入含同类分隔符的任意业务值。

变量联动教程 · 公共组件

Prev
下拉选择联动 API