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

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

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

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

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

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

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

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

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

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

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

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

    • 常见问题

图片组件:上传素材、缩放比例、透明度和旋转

图片可用于 Logo、背景装饰、设备照片和业务示意。先上传到素材资源,再在组件中选择。

配置图片

加入图片组件,在图片属性中选择资源并调整容器尺寸。引用外部地址时,确认展示设备能够访问;管理电脑打开正常,不代表电视或内网设备可达。

图像缩放

方式适用情况
默认先观察组件默认表现
填充容器需要覆盖整个区域,注意比例变化
固定比例缩放保持 Logo、示意图比例
原始大小需要按素材本身尺寸展示

先选择比例合适的素材,再调整容器。不要把方形 Logo 强行拉成长条来填满标题区。

透明度与翻转

透明度可用于背景装饰。翻转选项提供旋转角度;修改后检查文字方向、透明区域与容器边界,避免内容超出设计范围。

显示失败排查

检查图片是否上传成功、地址是否仍有效、资源是否被删除。HTTPS 页面需要使用能正常加载的资源地址;访问失败时,先直接打开资源地址定位,而不是反复调整容器。

发布前检查

在最终大屏打开图片,核对清晰度、比例与加载速度。多人共用的 Logo 或标题区可以放进公共组件,避免每张页面分别维护。

画布适配 · 公共组件复用

Prev
文本与富文本
Next
日期时间