让决策更智能
新一代智能数据分析平台

数据大屏

观远产品部发表于:2021年03月17日 19:10:17更新于:2021年07月07日 17:24:02

(此功能为付费增值模块,如需试用请联系商务)

数据大屏的展示屏幕一般都更大、更宽,对于页面的要求与普通仪表板也不相同,需要更酷炫的视觉冲击。因此观远单独提供数据大屏的设计功能,为您呈现更具表现力的数据分析结果。

效果预览 

00160e5726577fd4b928ee390b44d4f

00160e57266137ca7104ee4cad38eea

201909-14.jpg

注:数据大屏为付费增值模块,如需试用或开通此服务,请联系您的对接商务。

以下是此功能的使用介绍。

创建入口: 九宫格——数据大屏datascreen-01.png

数据大屏的元素

数据大屏里元素包括模板、卡片组、标题组。 未来大屏的展示元素还会不断进行扩充丰富,除了会增加更多的模板,我们也会增加越来越多的动效组件,目的是为了让您的大屏足够酷炫足够好用!

模板

一个大屏模板包括大屏背景图(背景色)、大屏初始卡片布局以及默认的边框样式。

本次提供3个预置模板+1个空白模板,每个模板的初始卡片布局和默认组件边框样式不同。 选择使用该模板后,也可以在模板初始状态基础上手动进行调整。datascreen-02.png

后续模板还会不断扩充丰富。

点击大屏的空白处(即不是卡片组和标题组组件的地方),右侧属性栏会自动切换到大屏页面属性设置界面。 页面属性包括:屏幕尺寸、模板样式、页面背景。                 datascreen-03.png

卡片组

大屏里引入“卡片组”组件,可以让卡片之间的布局更紧凑。 在大屏里无法直接添加卡片,需要先添加卡片组,然后往卡片组里添加卡片,保证大屏的最终效果展示。 点击某个卡片组,右侧属性栏会自动切换到此卡片组的属性设置界面。 卡片组的设置项包括:名称、标题样式、边框样式、组内卡片是否显示标题。datascreen-04.png

标题组

为了更好的大屏效果,对于大屏主题,引入“标题组”组件来做展示。 点击标题组组件,右侧属性栏会自动切换到此组件的属性设置界面。 标题组的设置项包括:名称、标题样式、边框样式、内边距。datascreen-05.png

数据大屏的创建

Step1,选择一个模板,并确定大屏尺寸(分辨率)。

这边需要注意的是,由于大屏一般是为了固定屏幕的展示所需,为了准确预览最终展示效果,切记需要将屏幕尺寸按照实际投放的大屏尺寸填写。 更改屏幕尺寸时,原有的卡片布局,宽度会自适应新的宽度,高度根据对应比例调整后,可能需要微调。

Step2,往大屏里添加组件:标题组和卡片组

先确定大致的大屏数据内容布局,拖好卡片组和标题组的位置。 推荐的大屏卡片布局,一般主要信息居中显示,次要信息在周边陈列。datascreen-06.png

在此基础上,也可以根据展示需要,灵活变更次要信息的位置(上下左右),但最重要的是,主要信息始终占据大屏大块且显眼的位置,不能被次要信息淹没。datascreen-07.png

Step3,往卡片组里添加具体卡片,往标题组里添加标题

1,页面右侧有卡片池,大屏里的卡片有2种来源: 完全新建,或从已有仪表板里复制。datascreen-08.png

2,可以直接点击选中某卡片从卡片池拖拽到卡片组里。datascreen-09.gif

注:一个卡片只能加入到一个卡片组。如果要换卡片组,需先从目前的卡片组移除,再添加到新的卡片组。

3,点击某个卡片,右边属性栏会自动切换到对应卡片的图表属性编辑,同该卡片在卡片编辑页里的设置。datascreen-10.png

Step4,样式布局调整

1 可以对卡片组的位置和大小进行调整。

2 可以切换模板。

3 可以调整单个组件的边框样式。

4 可以调整页面背景。

高级功能

数据大屏支持联动、下钻datascreen-09.gif

投屏模式下表格内数据支持动态滚动

功能简介:投屏模式下,无法展示完全的表格卡片将循环滚动展示,并支持悬停功能。

效果预览:datascreen-10.png

字体下载

您可在大屏组件的属性设置(以及图表属性)中,设置显示的字体,使得大屏展示效果更佳优美。 字体的生效需要您当前使用的电脑安装了对应字体文件。 因此除了您系统本身自带的默认字体外,我们也提供了一些免费的商用字体,供大家下载使用:

Alibaba-PuHuiTi-Regular

AlibabaSans-Regular

Arual

SourceHanSansSC-Bold

SourceHanSansSC-Light

SourceHanSansSC-Regular

SourceHanSerifSC-Bold

SourceHanSerifSC-Light

SourceHanSerifSC-Regular

ZCOOL Addict Italic 01

庞门正道标题体2.0增强版

文泉驿正黑

文泉驿等宽微米黑

站酷酷黑

高端黑修订151105