一、 功能描述
大屏是数据管理提供的可视化应用,通过可视化组件和众多的样式打造出丰富的可视化大屏。
二、 操作指引
1. 大屏基础操作
(1)创建大屏
第一步:【设计中心】→【门户设计】→【大屏管理】;
第二步:点击“⊕”,填写大屏基础信息;
第三步:设计大屏,填写组件属性和大屏信息;
第四步:单击“保存”或“预览”。
预览效果示例:
(2)编辑大屏
选择大屏,点击“编辑”,编辑大屏并保存,如图所示:
(3)发布大屏
设计完毕后可发布大屏到前台,后台以及模板库中,如图所示:
发布为前端的效果示例图:
发布为后端的效果示例图:
另存为模板的效果示例图:
(4)复制组件
对设计存在的组件进行复制,如图所示:
(5)删除组件
对组件进行删除,让如图所示:
(6)置于顶层/置于底层/上移一层/下移一层
可对图层进行上移、下移、置顶、置底。
(7)添加组件库
将设计页面的组件添加到组件库中,操作步骤如下所示:
添加后,有两个地方查看结果:
2.组件
- 图表
- 折线图
折线图常用于表示数据的变化和趋势,操作如下:
预览效果示例图:
- 柱状图
柱形图是用宽度相同的柱子的高度或长短来表示数据多少的图形。利用柱形统计图,可以直观地表示数据量的大小并进行比较,可以比较明显地显示出各数据之间的比例差异,操作如图所示:
效果图示例:
- 饼状图
饼状图是以扇形区域大小表示每一个数值相对于总数值的占比,适用于显示一个数据系列中各项的大小与各项总和的比例,操作如图所示:
百分比显示设置:提示框中输入:{c}({d}%)
效果图示例:
- 雷达图
雷达图又称蜘蛛网图,将多个维度的数据量映射到起始于同一个圆心的坐标轴上,结束于圆周边缘,然后将同一组的点使用线连接起来。
利用雷达图,可以直观地展现多维数据集,查看哪些变量具有相似的值、变量之间是否有异常值。雷达图表也可用于查看哪些变量在数据集内得分较高或较低,因此非常适合显示性能。
效果图示例:
注:下面组件的配置类似,在此只做简单介绍,展示效果请自行配置。
- 仪表图
仪表图展示某一项的占比情况,有类别、百分比、数值等指标数据,如下所示:
- 动态环图
根据扇形的顺序,轮播每个扇形对应的提示信息,效果如下图所示:
- 胶囊柱图
水平胶囊柱图是柱状图的一种,支持自定义x轴区间、多系列数据配置以及堆叠式的数据展示,可以在较小的可视化应用空间内,智能地展示多维的数据差异,如图所示:
- 水位图
水位图支持自定义外框、文字及波浪的动画效果配置,能够使用波浪展示各水位的实时变化情况如图所示:
- 进度池
进度池支持自定义进度池的文字颜色、边框以及提示框文本和位置等配置项,适用于在可视化应用中直观地展示工作任务的进度情况。如图所示:
- 飞线图
设置一个中心点,若干飞线点,即可得到动态飞线图,组件提供的dev 模式可以快速配置飞线点位置。 如图所示:
- 飞线图增强版
配置若干飞线点后,你可以在任意两点间设置飞线,得到动态飞线图,组件提供的dev模式可以帮你快速配置飞线点位置。如图所示:
- 锥状图
锥形柱图是特殊的柱状图,他将根据数值大小,降序排列锥形柱,适合排名类数据展示。如图所示:
- 翻牌器
支持自定义翻牌器的内容模板、动态曲线、动态帧数和位置等样式,通常与其他组件配合使用,通过交互功能在可视化应用中展示实时数据的变化情况。如图所示:
- 轮播表
轮播表可以单条轮播也可以整页轮播,如图所示:
- 排名轮播表
排名轮播表同轮播表类似,也可以选择单条轮播或整页轮播。 如图所示:
- 文本标签
如图所示:
- 本地时间
如图所示:
- 样式
- 样式一
如图所示:
- 样式二
如图所示:
- 样式三
如图所示:
- 样式四
如图所示:
- 样式五
如图所示:
- 样式六
如图所示:
- 样式七
如图所示:
- 样式八
如图所示:
- 样式九
如图所示:
- 样式十
如图所示:
- 样式十一
如图所示:
- 样式十二
如图所示:
- 边框
- 边框一
如图所示:
- 边框二
如图所示:
- 边框三
如图所示:
- 边框四
如图所示:
- 边框五
如图所示:
- 边框六
如图所示:
- 边框七
如图所示:
- 边框八
如图所示:
- 边框九
如图所示:
- 边框十
如图所示:
- 边框十一
如图所示:
- 边框十二
如图所示:
- 边框十三