产品文档

京东莫奈可视化平台

2023-12-20 11:40:42

表格

适用场景:表格组件与列表组件的展现形式类似,但是实现方式不一致,表格组件没有数据系列,它会从源数据中直接拿取表头、行、列等信息,无需用户对数据中字段进行映射。

样式设置

20201109171418.png

表格的样式设置包括列配置、行配置,单元格配置、动画设置,弹窗设置,数据转置、图表位置和图表尺寸。

行配置

可以对表格中默认行,特殊行的样式进行调整。

默认行配置:指对列表中非选中行和特殊行的其他行进行设置,包括显示行数以及每行的颜色。

特殊行配置:对列表中某一行进行样式颜色设置。

奇行背景色:列表奇行的背景颜色

偶行背景色:列表偶行的背景颜色

首列配置:可以对每一行的字体字号,字体粗细以及颜色进行设置

动画设置

溢出文本动画:有时候会出现列表中文字过多没有办法显示完全的情况,此时可以设置溢出文本动画滚动,或者不滚动;设置为滚动时,还可以对文本动画间隔时间进行设置

20200519182049.png

表格动画:可以设置开启和关闭,开启后,可以设置单行滚动或者翻页滚动,还可以对间隔时间进行设置。

展示效果:可以设置首页暂停或者右侧滑动

弹窗设置

弹窗设置可以对在预览界面点击列表中的数据所弹出的弹窗进行设置。其中包括弹窗尺寸,边框颜色粗细,背景颜色以及弹窗的位置。

列设置:

字段名:当前这列数据与数据设置中设置的数据的对应关系;

列宽:当前这列数据占整个列表的宽度比率(百分比);

文本设置:可以对列表中字体,字号,字体粗细以及字体颜色,对齐方式(左,右,中)进行设置

图表位置

图表位置为图表左上角的位置坐标,通过横坐标和总左边的设置即可设置对应的图表位置。也可以通过选中图形后用鼠标拖曳到相应位置的方式设置图表位置。

20200519163440.png

图表尺寸

即显示的列表的宽和高,通过设置相应的数字,调节列表的大小。

20200519163556.png

数据设置

20200915132845.png

数据源类型

支持静态数据,API和数据库三种类型。操作流程图整体如下所示:

20200519164336.png

静态数据:

1597659394(1).png

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

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

当点击红框内的放大按钮时,会出现如下图所示的输入窗口,方便用户进行操作。

55.png

在窗口中设置数据后,点击完成即可

点击下方的高级输入,可以切换到输入json格式数据模式。json数据样例如下。

[{"age":"25岁","man":10,"women":5},{"age":"26岁","man":12,"women":13},{"age":"27岁","man":1,"women":4},{"age":"28岁","man":10,"women":9},{"age":"29岁","man":2,"women":8},{"age":"30岁","man":2,"women":8},{"age":"31岁","man":2,"women":8},{"age":"32岁","man":2,"women":8},{"age":"33岁","man":20,"women":18}]

API

在下方输入框中输入相应的网址即可,如下图所示:

20200519164415.png

数据库

选取相应的数据库类型后,选择对应数据库中的数据源名称。之后在下方输入框中输入简单的SQL语句即可实现数据的导入,之后查询数据响应结果,无误后确认设置即可。

20200519164444.png

交互

image.png

组件交互是指在大屏可视化中,通过组件之间的相互作用和响应,实现用户与大屏可视化之间的互动。同时,组件交互可以帮助用户更加直观地理解和操作大屏,提高用户体验。具体操作参考组件交互配置章节。

文档反馈

开始与售前顾问沟通

可直接拨打电话 400-098-8505转1

我们的产品专家为您找到最合适的产品/解决⽅案

在线咨询 5*8⼩时

1v1线上咨询获取售前专业咨询

点击咨询
企微服务助手

专业产品顾问,随时随地沟通