产品文档

京东城市莫奈可视化平台

装饰组件

边框

适用场景

要展示的信息维度较多时,可通过边框的加入实现屏幕的分区展示,增加大屏的易读性和美观度。

样式设置

边框的样式设置包括边框样式,图表位置,图表尺寸。

边框样式

点击边框样式后的

加号,弹出系统预置的6类边框,选择需要的边框即可;

数据设置

该组件暂无数据设置

标题

适用场景:

每个大屏都会有一个主题,标题能够瞬间让用户注意到并理解大屏内展示内容。便于用户对大屏内呈现信息的理解。

样式设置

标题的样式设置包括标题样式,标题名称,文本样式,图表位置,图表尺寸。

标题样式

点击边框样式后的

加号,弹出系统预置的5类标题,选择需要的标题即可;

标题名称

标题名称即为文字内容,在输入框中输入即可;

文本样式

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

字号:可输入字号调整;

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

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

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

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

数据设置

该组件暂无数据设置

线条

适用场景:

通过线条的使用,可实现大屏区域的划分,从而使展示信息更加易读;以及增加大屏的美观度。

样式设置

线条的样式设置包括线条的主题样式,主题颜色、图表位置,图表尺寸。

主题样式:包含四种样式,实线、虚线、分隔线、带箭头的线条;

主题颜色:可对线条进行颜色设置;

数据设置

该组件暂无数据设置

形状

适用场景:

形状组件的加入使得用户对大屏样式上的调整更为灵活便捷。莫奈预制一些常用的形状样式,方便用户的选择。此外,形状组件中可以添加文字,免去用户设置形状组件和文字组件图层的复杂操作。

样式设置

样式设置包括边框样式,文本样式,背景设置,边框设置

边框样式

这里提供12种边框样式,分别是12种不同的边框形状。文本内容可以输入形状组件上显示的文本。

文本样式

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

字号:可输入字号调整;

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

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

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

背景设置

背景来源可以设置颜色背景或者图片填充背景。

当选择颜色背景时可以需要设置渐变方向,有水平方向和垂直方向。颜色设置可以设置和添加需要进行渐变的各种颜色。

当选择图片填充时,需要设置所填充的图片。

边框设置

 边框设置中可以设置边框的线条的粗细,颜色以及线条类型。线条类型包括实线,虚线和点线。

数据设置

该组件暂无数据设置

图标

适用场景:

图标组件是用户在配置大屏时可以使用的一种装饰组件,可以提升大屏的美观性。

样式设置

图标组件的样式设置可以选择图标的样式。

点击加号,选择样式即可,如下图:

数据设置

该组件暂无数据设置

更新时间:2021-04-01 10:59:43
feedback