产品文档

京东城市莫奈可视化平台

文字组件

时间器

适用场景:

可以实时显示当前时间,精确到秒。适用于需要显示实时时间的页面。

样式设置

时间器显示的是当前时间,可调整时间格式,显示年月日时分秒,以及星期。

时间器的样式设置包括 时间格式,文本样式,图表位置,图表尺寸。

时间格式

时间格式包括 日期格式 和 星期格式。点击下拉框可进行选择。

文本样式

字体:支持微软雅黑、宋体、黑体、隶书、幼圆、楷体和系统默认字体;

字号:可输入字号调整;

字体粗细:字体的粗细,有正常、细体、粗体、更粗四个选项;

字体颜色:字体的颜色,鼠标悬停后出现颜色选择框,选择颜色即可,如下图:

目前颜色选择支持设置色值以及透明度,如上图所示,红框①处拖动可调整色值,红框②处拖动可调整透明度。

数据设置

该组件暂无数据设置。

普通文字

适用场景:

文字组件比较灵活,功能强大。可在页面中插入简短文字,也可以通过超链接配置或链接实现页面跳转等交互。

样式设置

普通文字的样式设置包括 文本样式,超链接设置,使用render,图表位置,图表尺寸。

文本样式

字体:支持微软雅黑、宋体、黑体、隶书、幼圆、楷体和系统默认字体;

字号:可输入字号调整;

字体粗细:字体的粗细,有正常、细体、粗体、更粗四个选项;

字体颜色:字体的颜色,鼠标悬停后出现颜色选择框,选择颜色即可,如下图:

目前颜色选择支持设置色值以及透明度,如上图所示,红框①处拖动可调整色值,红框②处拖动可调整透明度。

对齐方式:文字的对齐方式,有居左、居中、居右三个选项;

超链接配置

勾选在新窗口打开,则配置的超链接会在浏览器的新标签页打开。不勾选,则配置的超链接会在当前页面刷新。

数据设置

数据字段

text:文本内容,必填

url:当前文本的超链接,可不填

在下方表格中可输入或复制粘贴所需要的数据。其中,每一列数据对应一个数据字段,第一行为该列数据字段名,需要在上方进行映射设置。

目前,数据接入表格支持复制、粘贴、修改、删除数据。选中需要进行改动的数据后,可以点击右键进行操作,也可以使用ctrl+c等快捷键进行操作。当点击列序号或行序号是,会对该列或行全部选中,点击末尾的红色按钮可对该行或列进行删除操作,也可以点击右键对该行或列进行其他操作。

当点击红框内的放大按钮时,会出现放大输入窗口,方便用户进行操作。窗口内操作方式相同,修改数据完成后点击完成即可保存并进行后续字段映射。

当点击高级输入时,用户需在输入框中输入json格式的数据,数据格式如下。

 js
[
    {
        "text":"我是文字",
        "url":""
    }
]

数字翻牌器

适用场景:

可以实时更新展示当前数据,在一些短时间内可以看到数据量大幅度攀升的场景下尤其适用,朴实直白的展示数据的急剧攀升情况,给人较深触动。

样式设置

数字翻牌器的样式设置包括组件风格、文本设置、动画设置、图表位置,图表尺寸。

组件风格

主题样式:纯色、立体、边框,并可设置主题颜色;

文本设置

文本设置包括数字设置,前缀设置和后缀设置。

数字设置

数字设置可以设置数字的文本样式,默认位数,小数保留以及数字间隔。

前缀设置和后缀设置分别对前缀和后缀的文本和内容进行设置。

动画设置

动画设置包括动画间隔、动画时长、始终动画 三个设置。

动画间隔:每隔多久出现一次动画效果;

动画时长:一次动画效果滚动多长时间;

始终动画:勾选后,无论数据是否变动,均按照设置的动画间隔和动画时长进行变化。不勾选时,只有数据有变化时才出现动画滚动效果。

前缀设置

前缀设置包含前缀文本内容设置及文本的样式设置,文本内容不填则不显示。

后缀设置

后缀设置包含后缀文本内容设置及文本的样式设置,文本内容不填则不显示。

数据设置

数据字段

数据字段需要输入value值,value值为数字翻牌器数字停止跳动时所显示的数值。

在下方表格中可输入或复制粘贴所需要的数据。其中,每一列数据对应一个数据字段,第一行为该列数据字段名,需要在上方进行映射设置。

目前,数据接入表格支持复制、粘贴、修改、删除数据。选中需要进行改动的数据后,可以点击右键进行操作,也可以使用ctrl+c等快捷键进行操作。当点击列序号或行序号是,会对该列或行全部选中,点击末尾的红色按钮可对该行或列进行删除操作,也可以点击右键对该行或列进行其他操作。

当点击红框内的放大按钮时,会出现放大输入窗口,方便用户进行操作。窗口内操作方式相同,修改数据完成后点击完成即可保存并进行后续字段映射。

当点击高级输入时,用户需在输入框中输入json格式的数据,数据格式如下。

 js
[{"number":"2019618"}]
更新时间:2021-03-25 16:07:56
feedback