3D图片列表

文档基于3D图片列表v1.0.0版本

组件说明

3D图片列表组件通过上传用户自定义图片,配合不同数据内容,通过类似3D旋转效果方式展示数据。

效果案例

*3D图片列表 效果案例

一、样式

在样式中可以设置组件的基本属性全局样式

1、基本属性

位置尺寸

位置包括组件的横坐标纵坐标,单位为px横坐标为组件左上角距离页面左边界的像素距离,纵坐标为组件左上角距离页面上边界的像素距离。

尺寸包括组件的宽度高度,单位为px;可单击比例锁锁定组件宽高比,等比例调整组件的宽高,比例锁默认不锁定。

基本柱状图组件尺寸不影响组件内容显示、组件动画。

*组件位置尺寸说明

默认隐藏

勾选之后在初始加载时组件默认隐藏且关闭回调触发,通常用来配合显隐控制。

2、全局

全局配置中可以调整组件相机位置、半径、转速

配置项

说明

相机位置

通过x/y/z三个维度调整图片旋转位置

半径

对整体图片场景大小做修改,即旋转半径

转速

对图片旋转速度进行调整

3、底图

底图配置中可以调整组件前景颜色、背景颜色、尺寸、图片角度

配置项

说明

前景颜色

支持对底图前景颜色的调整

背景颜色

支持对底图背景颜色的调整

尺寸

支持图片大小的修改

图片角度

支持对图片-180°至180°范围内的角度调整

4、图片列表

图片

支持用户新增、删除图片,点击“+”号即可上传自定义图片。

*图片配置说明

文本

配置图片对应的文本内容、样式和位置

*文本样式配置项

二、数据

3D图片列表主要用于图片效果展示,较少会涉及数据接入,在图片列表内上传自定义图片即可。

数据配置项说明

配置项

说明

数据源

数据源类型、数据源选择等

数据过滤器

勾选启用数据过滤器,单击添加过滤器,可在设置数据源页面中配置数据过滤器,详情请参见数据过滤器使用说明

数据响应结果

展示数据请求的响应结果

自动更新

选中后可以设置数据请求时间间隔

三、交互

载入动画

所有组件均提供移入、移入()、划变三种组件载入动画。

载入动画选择无时,则组件没有载入动画。

载入动画仅在可视化应用预览、发布组件加载时显示。

自定义事件

自定义事件为「交互事件」的增强模块,支持通过数据驱动组件状态、或变更组件样式配置,也可自定义编辑复杂的条件逻辑。

详细的自定义事件教学👉自定义事件教学


欢迎您在评论区留下您对该组件的意见,管理员会及时回复您,如长时间未回复欢迎您搜索钉钉群:33782396或者扫描以下二维码添加微信群 @谨禧 说出您的想法,采纳后将送出定制礼品。

也可以通过问卷来向我们反馈需求:https://jinshuju.net/f/XyCXU0

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