组件成组

打组/取消分组介绍

在画布中点击拉选需要成组的各个组件,右键弹出工具栏,在工具栏中点击“成组”,即可完成组件打组。右键某一组件组合,在工具栏中点击“取消成组”,即可实现打散分组。

打组.gif

或在图层栏中,Windows系统下长按 Ctrl 键(Mac系统下长按 command 键),单击多个组件进行选中。

选中后图层栏如图所示:image.png   点击image.png即可实现组件成组,点击image.png即打散分组。


组配置

成组后的多个组件可作为一个整体进行尺寸、位置、隐藏、透明度等参数的调整,也可添加动态坐标、3D变换等功能,组配置的具体功能如下:

image.png


动态坐标功能

在地图组件中点击“子组件管理”栏中的分类散点图,即地图上各个橙色/蓝色圆点。

image.png

在子组件配置中,在交互配置中定义回调坐标X和Y。

如图中:定义“回调坐标参数X”的变量名为"x01",并定义“回调坐标参数Y”的变量名为"y01"

image.png

选中某一组件小组,在组配置中设置动态坐标,回调字段与自组件设置中的回调变量名一致,即可完成位置回调的设置。

如图中:设置回调字段中坐标X为"x01",并设置坐标Y为"y01"

image.png

位置回调效果演示如下,点击地图中的橙色/黄色圆点,即可根据回调在相应的位置处显示相应的组件组。

演示.gif

在动态坐标中,也可配置偏移量与动效。

image.png

偏移量:指组件组所出现的位置与回调中已设定的坐标位置的偏移距离。

例如设定偏移量在X方向为100,Y方向也为100

image.png

得到下图效果,组件位置出现偏移,即点击地图后组件出现的位置将会出现在偏离地图中所点击位置(已设定的回调坐标参数)的右下角。

image.png


在组配置的动效配置中,可选择组件的出场和结束的动态效果,如匀速、慢速开始、慢速结束等,也支持自定义其动画时长延迟时间

image.png

400-8505-905复制
免费试用
在线咨询
微信社区
易知微-数据可视化
微信扫一扫入群