编辑大屏组件

大屏的样式是由背景和组件组成的,在如何设置大屏的样式中我们已经介绍了画布该如何设置,本文主要介绍一下组件的编辑。

山海鲸可视化的组件库在编辑界面的组件菜单中,如下图所示:
1.png
在组件介绍的相关教程中,我们对所有的组件都进行了详细介绍,因此本文不再进行描述。大家如果想了解某个组件的使用方法,可以前往组件教程中查看。

组件的基本编辑操作主要包括“添加组件”“添加数据”、“删除数据”“设置样式”“位置设置”、“分组设置”、“其他设置”,下面我们分别介绍一下这几种操作。

1、添加组件
点击组件库中的组件会自动添加当前组件到大屏画布上。

新添加的组件默认出现在左上角,此时组件为默认状态,显示的数据和颜色也都是默认的。
2.png
2、添加数据
在给组件添加数据数据时,有两种操作方法。

第一种是点击选中数据,软件会根据您选择的数据特征自动填充到当前组件的数据设置中。
3.gif
第二种是直接将数据拖到组件对应的数据设置框中。
3.gif
需要注意的是,无论使用哪种方法,您都需要了解当前组件的数据该如何设置,否则添加数据之后可能无法达到你想显示的效果。

3、删除数据
在给组件添加数据数据时,第一种方法有可能出现识别结果不满足您的需求的情况,或者您在拖动数据之后想要进行修改,此时我们可以点击“x”删除数据。
5.png
4、设置样式
每个组件都有不同的样式特征,点击选中组件,然后点击左侧样式,可以对当前组件的样式进行设置。
6.png
点击组件时组件右侧会出现快捷设置工具条,我们也可以在这里对部分样式进行快捷设置。
7.png
5、位置设置
点击选中组件可以对组件进行移动,将鼠标移至组件四周的边框可以对齐进行拖拽放大或缩小,按住“Shift”键可以在拖拽时让组件保持长宽比例。
8.png
右击组件可以对其进行一些图层位置设置,包括置于顶层、置于底层、上移一层、下移一层。
9.png
选中多个组件时,可以通过操作菜单进行对齐和排列分布,也可以通过工具条进行快捷设置。
10.png
6、分组设置
(1) 生成分组
鼠标框选或按住“Ctrl”选择多个组件,右击任一组件可以对其进行分组操作。生成分组之后,会自动添加一个分组面板组件,选中的组件都会放到该分组面板中。
11.png
(2) 合并到分组
右键点击组件,选择合并到分组,选择想要合并的分组面板,该组件就会合并到对应的分组面板中。
12.png
13.png
7、其他设置
右击组件可以对其进行隐藏、锁定、复制和删除。
14.png
如果选择了“隐藏”操作,则当前组件会被隐藏,如果需要恢复显示,需要到左侧图层列表中点击进行显示。(选中组件时,左侧图层列表中该组件对应的图层会高亮显示)
15.png
如果选择“锁定”操作,则当前组件会被锁定,此时无法被选中或操作,如果要释放锁定,需要到左侧图层列表中点击进行解锁。
image.png
如果选择“复制”操作,则会将当前组件进行复制,然后在当前组件的上一层粘贴一个新的组件,新组件会保持复制组件相同的数据和样式。

如果选择“删除”操作,则会将当前组件删除,您也可以在选中组件时按“Delete”键进行删除。
17.png
关于删除提示,如果勾选了不再提示,可以在右上角设置中心中进行恢复。
18.png
【温馨提示】以上操作均支持“Ctrl+z”的撤销快捷键操作,和“Ctrl+y”的恢复快捷键操作。