ARTICLE DETAIL

资讯详情

深耕郑州网站建设与运营推广的一线实战洞察。

Davinci大屏可视化:4 个任务搭出可自动播放的数据大屏

Davinci大屏可视化:4 个任务搭出可自动播放的数据大屏 Davinci大屏可视化4 个任务搭出可自动播放的数据大屏【免费下载链接】davinciDavinci is a DVsaaS (Data Visualization as a Service) Platform项目地址: https://gitcode.com/gh_mirrors/da/davinciDavinci 是一款开源的 DVsaaSData Visualization as a Service平台其大屏Display模块面向静置展示与演示场景在自由摆放的画布上配置页面自动轮播与数据定时刷新适合公司大厅屏、业务汇报演示等场合。本文以一块能自己播放的数据大屏为交付物倒推出 4 个任务逐项讲清操作路径与可验证的结果。交付物一块能自己播放的大屏先明确验收标准做完的大屏应满足三点含多张大屏页每页停留固定秒数后自动切换带过渡动画图表要么定时拉取最新数据要么可手动点按同步投到实际设备上比例正常无明显变形。围绕这三条任务顺序是创建大屏并认识编辑器 → 配置播放与动画 → 摆放组件并设置刷新 → 适配展示设备并预览发布。另有一句定位提醒仪表板与大屏是 Davinci 中两种不同的应用类型。仪表板倾向快速打造报表大屏则需要准备背景图等素材、制作时间更长。目标是给同事快速浏览的页面用仪表板目标是挂墙或演示的屏幕才用大屏。任务一创建大屏并认识编辑器第一步建议以编辑状态建大屏此时卡片置灰、仅只读权限的成员不可见可以安心迭代。在可视化应用首页点击创建新 Display在弹窗中填写名称与描述是否发布处选择编辑后保存。保存后点击卡片进入编辑器顶部为标题区与工具栏添加大屏页、大屏设置、图表、辅助图形、复制粘贴、预览、分享左侧是大屏页目录中间是画布右侧依次是图层列表与配置表单。在左侧目录可以添加新大屏页、右键将页面截图设为封面或删除页面、拖拽调整页序。一张大屏支持多页这是幻灯片式展示的基础。 任务二配置自动播放与页面切换所有大屏页默认执行全局播放设置勾选自动播放并填写每页停留时间秒。将间隔设为 30 秒后每一页停留 30 秒自动切到下一页取消勾选则改为手动切换用键盘左右键或点击大屏中的左右箭头即可换页。面板中另有两组设置全局动画设置决定切换效果无、淡入淡出、滑动、凸镜、凹镜、缩放与动画速度拖动栅格设置指定 x/y 轴方向的最小拖动像素单位摆放图层时按栅格吸附免去逐一计算像素。个别页面想快于或慢于全局时在右侧配置表单的播放设置里取消勾选跟随全局即可为当前大屏页单独设置停留时间与过渡动画。 任务三摆放组件并设置数据刷新组件的数据刷新模式决定大屏是死的还是活的添加时就该定好。点击工具栏图表Widgets按钮选择可视化组件第二步指定数据刷新模式共两种手动刷新点击组件右上角同步数据按钮后才更新数据适合数据变化不频繁的场景定时刷新设置更新时长秒后组件按该间隔自动轮询最新数据。保存后组件进入画布图层拖动改变位置拖右下角调整大小拖动时图层顶部实时显示坐标画布同步出现辅助对齐线。按住CmdMac或AltWindows点击图层可批量选中再执行复制、删除、对齐。除组件外工具栏的辅助图形下拉提供 4 种素材矩形给组件做背景修饰可设背景色/图片/边框、标签双击编辑文本、视频播放在线视频、时间器展示动态时钟。任务四适配展示设备预览并发布发布前把画布对齐实际设备避免上墙时出现变形或留白。在配置表单中按展示设备填写屏幕尺寸宽度/高度像素设置背景颜色或背景图片再四选一确定缩放方式等比缩放宽度画布宽度与终端一致高度等比缩放等比缩放高度画布高度与终端一致宽度等比缩放全屏铺满宽高均与终端一致画布比例不一致时会变形实际尺寸按原始像素展示。画布底部栏左下角是截图按钮为当前大屏页生成缩略图也是后续设封面的前提右下角滑块用于缩放画布便于编辑局部样式。全部完成后点击预览检查自动播放效果再点击分享可选普通分享、口令分享或授权分享把大屏投到目标终端。避坑提示与下一步建议常见坑画布比例与设备不一致时别用全屏铺满画布会被拉伸变形优先选等比缩放宽度或等比缩放高度封面没更新目录右键设为封面依赖已生成的截图缩略图记得先点底部栏截图按钮看不到刚建的大屏处于编辑状态的大屏对只读权限角色不可见确认是否已发布大屏不做组件联动点击一个图表过滤另一个图表的联动关系在仪表板模块配置演示中需要交互筛选时先评估是否改用仪表板。下一步建议大屏编辑器全部参数栅格、图层 Z 轴、对齐方式等见官方文档 docs/_docs/zh/2.5-display.md需要快速浏览 交互筛选的报表页时可对照 docs/_docs/zh/2.4-dashboard.md 了解仪表板的联动配置与大屏流程互为补充。【免费下载链接】davinciDavinci is a DVsaaS (Data Visualization as a Service) Platform项目地址: https://gitcode.com/gh_mirrors/da/davinci创作声明:本文部分内容由AI辅助生成(AIGC),仅供参考
返回列表