设计理念与操作方式

AnyReport 大屏设计器采用元素拖拽、自由布局的方式构建数据可视化应用,非专业工程师也能通过图形化界面轻松搭建可视化场景。设计器采用所见即所得模式,图表绑定真实数据源后实时展示效果,极大提高了设计效率。

页面标准设计尺寸为 1920×1080,展示时依据浏览器大小等比例缩放,确保在不同分辨率下都有良好的呈现效果。最新版本还新增了全屏铺满、宽度铺满、高度铺满等多种缩放选项。

丰富的可视化组件体系

大屏设计器内置了 70 多种图表组件,涵盖折线图、柱图、饼图、仪表盘、雷达图、地图、散点图、热图、3D图等。此外,还支持 3D 地图模型,并配有波纹扩散、边框流光、提示框轮播、圆柱等动画效果。

除图表外,设计器还提供了丰富的页面元素:

  • 文本与富文本:支持文本、数据列、公式动态内容,可设置超级链接下钻和交互联动

  • 数字翻牌器:展示实时重要数据,支持定时刷新(如每 3 秒更新)、前缀后缀设置

  • 表格:支持滚动、分页、自动定时翻页、定时刷新

  • 时间器:实时展示日期和时间,可自定义时间格式和刷新频率

  • 图片/轮播图片/视频:支持图片上传、URL 地址,轮播图片支持多张轮流播放,视频支持 mp4 格式

交互与动态能力

  • 数据实时刷新:图表支持刷新频率设置,定时更新展示数据

  • 大屏轮播:支持多个报表之间定时切换展示

  • 交互联动与钻取:支持图表数据钻取和多维度联动分析,文本、图表等元素之间可设置联动

  • 参数组件:支持使用参数组件默认值查询数据集

  • 3D 模型支持:支持 3D 模型,并具备动画、相机、环境、特效等效果

移动端适配

大屏设计器支持移动端切换设置组件,移动端页面支持背景色、背景图、缩放等属性设置,并可隐藏 PC 端的元素组件。移动端同样支持参数组件和 3D 地图模型,一次设计,多屏自适应显示。

设计辅助功能

  • 元素对齐辅助线:拖拽时支持边界对齐、中对齐辅助线提示

  • 批量框选与操作:支持拖动框选多个元素组件,按 Ctrl 键选中多个元素进行对齐(左对齐、右对齐等)

  • 图层管理:支持上移/下移一层、顶层/底层设置

  • 刻度尺参考线:作为元素定位参考线

  • 1px 微调:选中元素后可用键盘上下左右箭头进行 1px 位置调整

素材库与主题样式

内置底图背景图素材库、图标素材、背景框素材。图表支持全局样式主题颜色、快速样式切换(图表类型一键切换)、图表系列颜色渐变色设置。

集成能力

大屏设计器基于 HTML5,支持通过单点登录、JWT 鉴权机制访问,并可通过 iframe 嵌入到其他 Web 系统中,便于与企业现有系统集成。

典型应用场景

大屏设计器主要应用于:运营看板、领导驾驶舱、风险监控实时数据展示、地理信息分析等业务场景