随着可视化业务表达方式的不断拓深,展示形式也越来越丰富多样,充满更多的“个性化”以及“专属定制”的诉求场景。而现在的子组件样式,仅支持固定格式的内容表达,难以满足易知微用户的定制化需求。
比如以下场景👇
想在地图上展示图表、自定义文本、图片等,会受限于组件本身的配置项,原配置项没有的内容后续无法叠加。
想要以3D轮播、旋转的方式呈现可视化效果,只能通过替换3D图片列表的图片样式,无法放置表格、模型等其他内容。
……
为了满足用户的个性化诉求,丰富组件展示形式,提升可视化的场景覆盖度,易知微推出了万能“子组件”,引入全新的机制定义,在“任意拼接”基础上打通组件与平台的逻辑,从 “1✖️N ” 变为“N✖️N”,任意组件之间可以互相引用,相互拓展,大大提升了可视化的场景覆盖度。
组件优势
高效能定制个性化需求
任意组件之间可以互相引用,相互拓展,达到原组件无法实现的效果/功能,增加组件效果覆盖的使用场景。
提升单一组件的业务属性
原组件的业务分析能力增强,可叠加、复用的程度提高,产品逻辑更加清晰、完善。
应用场景及流程
地图✖️万能子组件,打造超级信息面板
支持自定义拼接地图组件的子组件内容,包括所有的图表组件、标题组件,以及更多组件。辅助展现可视化地图的所有个性化形态,丰富地理信息业务数据的表达形式,灵活、直观的融入到地理信息的展示和表达中,让数据可视化元素变得更加丰富多样。
具体应用流程如下:
第一步:点击功能入口
地图类的万能“子组件”入口在子组件管理的列表中。
第二步:样式初步调整
用户可以通过基础功能样式,对子组件的渲染级别范围、具体配置状态和轮播动画形式进行设置,自定义子组件的外部样式。万能“子组件”的基础功能样式与线上地图组件逻辑一致,可以参考其产品介绍文档。
第三步:自定义拼接和样式预览
万能“子组件”支持在编辑模式下,自定义拼接组件/信息面板,从而改变其展示内容,进行个性化设置。
第四步:数据接入与分发逻辑
万能“子组件”会根据自定义的状态标识进行数据映射和分发,支持多状态的展示形式,需要正确匹配不同状态下对应的标识。
注意⚠️ 名称需要填写正确,不然组件无法正常进行渲染
数据接入流程
比如:现在我们需要把标识一中的数据传入组件里。
首先需要绑定好状态标识。
编辑模式里,将组件数据源设置为“接收上级数据”,就能接收到标识一中的数据。
根据字段映射,选择相应字段即可完成数据接入。
注意⚠️ 以上所展示的是可以直接映射的数据,图表类的数据目前需要放置在对象里做一定处理,例如我们用data就可以进行自定义,此处提供产品帮助文档,可直接查看。
万能子组件“3D”版,实现3D“组件容器”
在去年,我们推出了“组件容器”功能,除了解决数据接入的问题之外,用户也可以通过此功能进行组件自定义拼接,一定程度上满足了个性化诉求。在此基础之上,通过全新上线的万能子组件,借助3D轮播容器,实现了“组件容器”功能的“3D进阶”。任意模块都可以以3D轮播、旋转的交互形式进行展示,赋能更多可视化业务场景的表达。
具体应用流程如下:
第一步:点击功能入口
3D轮播容器的万能子组件入口在子组件管理的列表中。
第二步:样式初步调整
3D轮播容器只承载其他类型组件,因此基础样式只有状态列表,可以设置不同状态下的标识名称、默认状态和选中状态。
状态的默认和选中
自定义多个状态的组件,并对多个状态和标识分别进行关联。在状态列表里,默认状态为轮播容器未展示在面前的组件样式,选中状态为轮播容器展示在面前的组件样式,默认均为none,需要手动配置。在实操中,我们既可以将状态1的默认状态和选中状态设置为相同的,也可以设置为不同的,实现不同状态下组件样式的关联。
例如:状态2的文字颜色为白色,而状态1的文字颜色为红色,我们将状态1的默认状态设置为状态2,选中状态设置为状态1,则会出现如下轮播效果。
全局效果设置
可设置相机位置、半径、滚动时长等,轮播类型有默认和始终面对相机两种。默认类型轮播组件分布在球面上,朝向会有偏移,而始终面对相机类型轮播组件始终朝向正面。自动轮播支持悬停,自由设置旋转方向和间隔时长,与其他类组件轮播设置类似。
进入编辑面板后,其余流程同超级信息面板相似,具体详见产品操作文档。