文字组件
时间器
适用场景:
可以实时显示当前时间,精确到秒。适用于需要显示实时时间的页面。
样式设置
.df22b4f2.png)
时间器显示的是当前时间,可调整时间格式,显示年月日时分秒,以及星期。
时间器的样式设置包括 时间格式,文本样式,图表位置,图表尺寸。
时间格式
时间格式包括 日期格式 和 星期格式。点击下拉框可进行选择。
文本样式
字体:支持微软雅黑、宋体、黑体、隶书、幼圆、楷体和系统默认字体;
字号:可输入字号调整;
字体粗细:字体的粗细,有正常、细体、粗体、更粗四个选项;
字体颜色:字体的颜色,鼠标悬停后出现颜色选择框,选择颜色即可,如下图:
.686d28bf.png)
目前颜色选择支持设置色值以及透明度,如上图所示,红框①处拖动可调整色值,红框②处拖动可调整透明度。
数据设置
该组件暂无数据设置。
普通文字
适用场景:
文字组件比较灵活,功能强大。可在页面中插入简短文字,也可以通过超链接配置或链接实现页面跳转等交互。
样式设置
.b969327d.png)
普通文字的样式设置包括 文本样式,超链接设置,使用render,图表位置,图表尺寸。
文本样式
字体:支持微软雅黑、宋体、黑体、隶书、幼圆、楷体和系统默认字体;
字号:可输入字号调整;
字体粗细:字体的粗细,有正常、细体、粗体、更粗四个选项;
字体颜色:字体的颜色,鼠标悬停后出现颜色选择框,选择颜色即可,如下图:
.686d28bf.png)
目前颜色选择支持设置色值以及透明度,如上图所示,红框①处拖动可调整色值,红框②处拖动可调整透明度。
对齐方式:文字的对齐方式,有居左、居中、居右三个选项;
超链接配置
.ea159e01.png)
勾选在新窗口打开,则配置的超链接会在浏览器的新标签页打开。不勾选,则配置的超链接会在当前页面刷新。
数据设置
数据字段
.a0ed8ed7.png)
text:文本内容,必填
url:当前文本的超链接,可不填
在下方表格中可输入或复制粘贴所需要的数据。其中,每一列数据对应一个数据字段,第一行为该列数据字段名,需要在上方进行映射设置。
目前,数据接入表格支持复制、粘贴、修改、删除数据。选中需要进行改动的数据后,可以点击右键进行操作,也可以使用ctrl+c等快捷键进行操作。当点击列序号或行序号是,会对该列或行全部选中,点击末尾的红色按钮可对该行或列进行删除操作,也可以点击右键对该行或列进行其他操作。
当点击红框内的放大按钮时,会出现放大输入窗口,方便用户进行操作。窗口内操作方式相同,修改数据完成后点击完成即可保存并进行后续字段映射。
当点击高级输入时,用户需在输入框中输入json格式的数据,数据格式如下。
[
{
"text":"我是文字",
"url":""
}
]
数字翻牌器
适用场景:
可以实时更新展示当前数据,在一些短时间内可以看到数据量大幅度攀升的场景下尤其适用,朴实直白的展示数据的急剧攀升情况,给人较深触动。
样式设置

数字翻牌器的样式设置包括组件风格、文本设置、动画设置、图表位置,图表尺寸。
组件风格
主题样式:纯色、立体、边框,并可设置主题颜色;
文本设置
文本设置包括数字设置,前缀设置和后缀设置。
数字设置
.ee1e0b33.png)
数字设置可以设置数字的文本样式,默认位数,小数保留以及数字间隔。
前缀设置和后缀设置分别对前缀和后缀的文本和内容进行设置。
动画设置

动画设置包括动画间隔、动画时长、始终动画 三个设置。
动画间隔:每隔多久出现一次动画效果;
动画时长:一次动画效果滚动多长时间;
始终动画:勾选后,无论数据是否变动,均按照设置的动画间隔和动画时长进行变化。不勾选时,只有数据有变化时才出现动画滚动效果。
前缀设置

静态前缀设置包含前缀内容设置及样式设置,内容类型可以为文字或图片,内容不填则不显示。

动态前缀设置可以设置该前缀内容生效的数据范围,内容类型可以为文字或图片,内容不填则不显示。
后缀设置

静态后缀设置包含前缀内容设置及样式设置,内容类型可以为文字或图片,内容不填则不显示。

动态后缀设置可以设置该前缀内容生效的数据范围,内容类型可以为文字或图片,内容不填则不显示。
数据设置
数据字段
.ff1bc504.png)
数据字段需要输入value值,value值为数字翻牌器数字停止跳动时所显示的数值。
在下方表格中可输入或复制粘贴所需要的数据。其中,每一列数据对应一个数据字段,第一行为该列数据字段名,需要在上方进行映射设置。
目前,数据接入表格支持复制、粘贴、修改、删除数据。选中需要进行改动的数据后,可以点击右键进行操作,也可以使用ctrl+c等快捷键进行操作。当点击列序号或行序号是,会对该列或行全部选中,点击末尾的红色按钮可对该行或列进行删除操作,也可以点击右键对该行或列进行其他操作。
当点击红框内的放大按钮时,会出现放大输入窗口,方便用户进行操作。窗口内操作方式相同,修改数据完成后点击完成即可保存并进行后续字段映射。
当点击高级输入时,用户需在输入框中输入json格式的数据,数据格式如下。
[{"number":"2019618"}]
跑马灯
适用场景:
在页面中插入滚动播放效果的文字,可用于展示公告通知栏。
样式设置

跑马灯的样式设置包括 文本样式,动画设置,图表位置,图表尺寸。
文本样式
字体:支持微软雅黑、宋体、黑体、隶书、幼圆、楷体和系统默认字体;
字号:可输入字号调整;
字体粗细:字体的粗细,有正常、细体、粗体、更粗四个选项;
字体颜色:字体的颜色,鼠标悬停后出现颜色选择框,选择颜色即可,如下图:
.686d28bf.png)
目前颜色选择支持设置色值以及透明度,如上图所示,红框①处拖动可调整色值,红框②处拖动可调整透明度。
动画设置
动画时长:可以设置整个动画滚动播放一次的时长
停留时间:文字播放完成后静止展示的时间
是否轮播:勾选则开启轮播,不勾选则静止展示
数据设置
数据字段

text:文本内容,必填
在下方表格中可输入或复制粘贴所需要的数据。其中,每一列数据对应一个数据字段,第一行为该列数据字段名,需要在上方进行映射设置。
目前,数据接入表格支持复制、粘贴、修改、删除数据。选中需要进行改动的数据后,可以点击右键进行操作,也可以使用ctrl+c等快捷键进行操作。当点击列序号或行序号是,会对该列或行全部选中,点击末尾的红色按钮可对该行或列进行删除操作,也可以点击右键对该行或列进行其他操作。
当点击红框内的放大按钮时,会出现放大输入窗口,方便用户进行操作。窗口内操作方式相同,修改数据完成后点击完成即可保存并进行后续字段映射。
当点击高级输入时,用户需在输入框中输入json格式的数据,数据格式如下。
[
{
"text":"组件效果展示"
}
]
指标趋势
组件说明
指标趋势组件是以标题、图标、数值的形式展现指标趋势变化关系的组件。
组件由样式、数据、交互三部分配置组成。
样式设置
图表位置包括组件的横坐标和纵坐标,单位为px;横坐标为组件左上角距离页面左边界的像素距离,纵坐标为组件左上角距离页面上边界的像素距离。
图表尺寸包括组件的宽度和高度,单位为px;可单击比例锁锁定组件宽高比,等比例调整组件的宽高,比例锁默认不锁定。
旋转角度包括组件的宣传角度,单位为deg。可以针对指标卡进行标题、图表、数值和背景分别进行设置。

**指标样式:**提供默认6种布局方式模板,点击“+”可以选择布局方式,点击不同的样式缩略图可以切换样式。

标题设置:可以设置指标趋势标题显示与否,字体、字重、字号和颜色。

图标设置:可以选择图标样式,共提供5种可选择,每种样式包含上升、持平、下降3组图标。点击添加可以选择切换样式。

图标大小,默认返回模板中图标的大小,单位为px,支持修改大小。
根据指标趋势的状态分为上升、持平、下降,可分别设置三种趋势的颜色。
同步数值颜色,打开开关,开启图标颜色与数值文字颜色同步;关闭开关,颜色不同步。

数值设置:用来配置数值和后缀的显示与否,字体、字重、字号和颜色。

背景设置:可以配置指标趋势的背景。可选择颜色背景和图片背景。
颜色背景支持三段色值渐变,可设置水平方向和垂直方向。
图片背景支持上传图片或填写图片链接。
可以设置背景边框、边框粗细和边框圆角。

基础值:以此数值作为基础,来设置图标走势,默认以'0'为基础值(优先使用数据中的基础值)。
当数值低于基础值,则指标趋势为下降,当数值等于基础值,则指标趋势为持平,当数值高于基础值,则指标趋势为上升。
数据设置
字段说明:
当数值低于基础值,则指标趋势为下降,当数值等于基础值,则指标趋势为持平,当数值高于基础值,则指标趋势为上升。
以数据中的基础值优先,若数据中无数据字段,则取样式中的基础值。

交互设置
可设置组件的点击响应事件、局部事件和数据事件。
