数字孪生可视化产品交流社区

【功能演示】通过按钮组件切换三维场景主相机视角 2026-02-04 17:11: 在制作三维场景项目时，我们可能会需要切换控制当前场景的主相机，我们可以通过为按钮组件设置交互来快速实现该功能。下面我们就来看看，该如何设置通过按钮组件切换主相机视角。首先，创建一个三维场景。添加两个“ 按钮”组件，分别命名为“鸟瞰相机”和“漫游相机”。接着选中“按钮”组件，点击右侧“交互”按钮为其设置交互。两个按钮的“主相机”设置项分别对应“鸟瞰相机”和“漫游相机”，如下图所示：这样我们就完成了通过 “按钮”组件进行主相机视角的设置，如下图所示：...

#视角相机 #鸟瞰相机 #按钮 #漫游相机 # 主相机

沧澜 667 浏览 11 0 评论

【功能演示】如何让一个基础表格自动切换展示多个表格的数据？ 2026-02-04 16:16: 格具备多数据源的无缝切换能力，既简化数据维护流程，又为用户提供更直观的信息浏览体验。1.在左侧组件库中，添加“基础数据表格”组件。随后选中基础数据表格，在右侧配置栏中新建“状态”，并对其进行重新命名。 2.按不同状态勾选对应数据表中的数据，同时可以按需调整表格组件字体大小。3.在左侧组件库中添加“进度条”组件至项目中。4.选中进度条，添加交互，触发“到达节点时”事件，“节点名称”为“节点1”，“动作 ”为“切换状态”，“目标组件”为“基础数据表格”，“状态”为刚才配置的组件状态，其余状态可按相同逻辑依次配置。接着在“样式”配置栏中，找到并开启“自动播放”和“循环播放”功能。展示效果如下：...

#软件功能 #二维组件 #进度条 #数据展示 #基础数据表格

朝乐 643 浏览 11 0 评论

【功能演示】通过二维组件控制三维场景天气变化 2026-02-03 19:36: 在项目制作过程中，我们可能会需要手动控制三维场景的天气切换，此时通过按钮组件的交互设置就可以非常简单地达到目的，下面我们就来看一下具体该如何进行设置。首先，创建一个三维场景。添加三个“按钮”组件，分别命名为“晴天”、“雨天”和“雪天”。接着选中“按钮”组件，点击右侧“交互”按钮为其设置交互。三个按钮的“天气选择”设置项分别对应“无天气”、“下雨”和“下雪”，如下图所示：这样我们就完成了通过“按钮” 组件进行天气切换的设置，如下图所示：...

#交互设置 #天气 #晴天 #下雨 #下雪

沧澜 641 浏览 11 0 评论

【功能演示】如何实现标记点在悬停时展示文字，未悬停时不显示？ 2026-02-03 17:29: 记点 “悬停显文、未悬停隐文” 的设计思路与技术方法，为界面交互优化提供参考。 1.在左侧组件库中添加“3D场景”至项目中。接着双击进入编辑界面，点击左侧组件库，在 “标绘” 分类下，将 “标记点” 添加至项目中。2.选中 “免费标记 2”，在右侧面板中选择 “Default state” 状态，同时在 “样式” 配置中，选择 “标记主体”，“配置1”关闭 “是否显示” 开关，“配置2”开启“是否显示”，并关闭 “标记文本” 选项。接着将状态修改为“Select”，同时在 “样式” 配置中，选择 “标记主体”，“配置1”和“配置2”开启“是否显示”，并开启 “标记文本” ...

#三维场景 #标记点 #悬停 #多状态 # 鲸孪生

朝乐 555 浏览 11 0 评论

【功能演示】如何实现页面加载时，文本组件依次切换背景颜色？ 2026-02-02 17:18: 在前端页面开发中，为文本组件添加页面加载时的背景色依次切换效果，既能丰富页面的视觉层次与动态交互感，也能提升用户进入页面时的体验感，本文将介绍该效果的具体实现思路。第一种方法：使用按钮1.在左侧组件库添加“按钮”组件至项目中。接着添加一个新的看板。接着在新的看板中，在左侧组件库中添加“基础单行文本”组件至项目中。2.选中按钮组件，在右侧“配置”栏中选择 “交互”，触发“点击”事件，“动作”为“子看板跳转”，“子看板”选择需要跳转的看板即可。接着添加一个空动作交互，触发 “点击” 事件，将 “动作” 设为 “空动作”，并设置“延时”为 “500” 毫秒，以满足观察需求，按需选择。接着添加修改文本...

#交互 #进度条 #二维组件 #背景颜色 #单行文本

朝乐 549 浏览 11 0 评论

【功能演示】通过二维组件控制三维场景昼夜变化 2026-02-02 09:51: 在项目制作过程中，我们可能会需要手动控制三维场景的昼夜切换，此时通过按钮组件的交互设置就可以非常简单地达到目的，下面我们就来看一下具体该如何进行设置。首先，创建一个三维场景。添加两个“按钮”组件，分别命名为“白天”和“黑夜”。为“白天”按钮设置交互，如下图所示：为“黑夜”按钮设置交互，如下图所示：这样我们就完成了通过“按钮”组件进行昼夜切换的设置，如下图所示：...

#二维组件 #三维场景 #交互设置 #按钮 #昼夜切换

沧澜 492 浏览 11 0 评论

【功能演示】如何在三维可视化项目中实现通过搜索框组件检索模型？ 2026-01-31 16:32: 件库，添加“3D空场景”至项目中。接着双击进入编辑界面，将不同模型添加至项目中。2.在左侧组件库，选择“标绘”添加标记点至项目，详情可参考此教程：标记点概述 - 项目制作 - 数字孪生开发教程-可视化大屏制作教程 - 山海鲸可视化选中 “标记” 项，右键“复制数据”，粘贴至 Excel 表格；同时新增一列 ID，便于后续将数据绑定至搜索组件。参考数据如下：3.双击进入编辑界面，选中“标记”，在“样式”配置栏中，勾入相应的数据，待数据标记生成后，将原有自由标记点隐藏即可。接着选中 “自由标记1”，在 “样式” 配置栏中为其设置 “跟随物体” 功能，可按具体需求灵活配置；其余标记请按功能逻辑依次完...

#三维场景 #鲸孪生 #标记点 #搜索框 #标记点跟随

朝乐 660 浏览 11 0 评论

【功能演示】如何实现图片自下而上滚动后消失，并循环滚动？ 2026-01-30 15:16: 具吸引力的视觉内容。1.在左侧组件库中，添加“图片”组件至项目中。接着选中图片组件，在“样式”配置栏中，点击“图片地址”旁的扩展选项，选择“生成数据字段”，图片地址建议填写网络地址，可以使用GISBo x进行生成，详情参考此教程：如何将本地图片生成网络地址？ - 数字孪生可视化产品交流社区接着，为图片组件添加相应的数据。3.在左侧组件库中，添加“列表”组件至项目中。接着将“图片”组件与“列表”组件成组。4.选中列表组件，在“样式”配置面板中，将需要轮播的字段填入对应配置项。接着在“样式”配置栏的“展示设置”中，”开启动画”与“循环播放”功能。展示效果如下：...

#软件功能 #二维组件 #图片 #列表 #滚动

朝乐 588 浏览 11 0 评论

【功能演示】如何实现选中数据表格，切换到对应的标记点视角？ 2026-01-29 14:40: 步骤与配置要点，助力高效搭建跨视图数据联动能力。1.在左侧组件库中，添加“3D场景”至项目中。2.双击进入编辑界面，选中左侧“标绘”功能栏，根据实际需求选择对应的“标记”样式，添加至项目中。接着选中右侧面板中的“免费标记”，右键选择“复制数据”，并将复制的内容粘贴至 Excel 表格中，详情参考此教程：标记点概述 - 项目制作 - 数字孪生开发教程-可视化大屏制作教程 - 山海鲸可视化3.选中“免费标记”，在右侧面板中，选择“数据”，“坐标类型”为“经纬度坐标”，将“标记ID”、“标记名称”和“位置”相应的数据勾入；待数据标记生成后，将原有自由标记点隐藏即可。4.退出编辑模式，在左侧组件库中，...

#二维组件 #三维场景 #鲸孪生 #标记点 #选中传递

朝乐 658 浏览 11 0 评论

【功能演示】如何实现点击中国地图不同区域时，弹窗展示对应区域的关联数据？ 2026-01-28 15:02: 左侧组件库添加“中国地图”组件至项目中。接着选中中国地图，在右侧“数据”配置面板中，勾选相关数据。接着在“样式”面板中，切换至“底图层”配置项，开启“底图层提示信息”功能。2.在左侧组件库中，添加“弹窗”和“基础单行文本”组件，将二者进行成组操作，也可根据实际需求，选配其他所需组件。3.选中基础单行文本组件，在“样式”面板中，点击“文本”旁的“扩展选项”，选择“生成数据字段”功能。接着在右侧“数据 ”配置面板中，勾选相关数据。4.选中中国地图组件，在“数据”配置面板中启用“联动其他组件”功能。接着选中基础单行文本组件，在“数据”配置面板中启用“联动其他组件”功能。5.选中中国地图，添加“交互”，...

#软件功能 #二维组件 #数据联动 #弹窗 #中国地图

朝乐 749 浏览 11 0 评论

【功能演示】如何实现标记点点击触发弹窗，并展示该点位的数据？ 2026-01-27 16:45: “联动其他组件”。5.退出编辑模式，选择“基础单行文本”，在“数据”配置栏，开启“受其他组件联动”，基础普通指标卡按相同方式操作即可。展示效果如下：

#二维组件 #三维场景 #鲸孪生 #标记点 #弹窗

朝乐 808 浏览 11 0 评论

【功能演示】如何实现下拉菜单点击选项即展示对应内容 2026-01-26 16:57: 在前端交互与数据可视化场景中，下拉菜单是内容筛选、分类展示的常用组件，实现其点击选项联动/交互展示对应内容，能提升操作便捷性与内容展示针对性，帮助用户快速获取目标信息。本文将详细解析该功能的实现思路。第一种方法：使用交互1.将“基础下拉菜单”组件添加至项目，同时从左侧组件库中选取其他所需组件一并加入项目中。2.选中下拉菜单，在“样式”配置栏中将“选项设置”改为“自定义”。接着在“选项值”将选项重新命名。3.选中下拉菜单组件添加“交互”，触发“选中事件”，将“动作”开启“逐项设置”；选中“中国地图”，“动作”为“修改设置”，”目标组件”选择“指定组件”且“指定组件”为除中国地图外的其他组件，同...

#软件功能 #二维组件 #数据联动 #交互 #下拉菜单

朝乐 635 浏览 11 0 评论

【功能演示】如何通过按钮组件切换其他组件显示的数据？ 2026-01-26 14:31: 有时候我们可能需要切换显示图表组件显示的数据，此时使用按钮组件可以很好地达成此类效果。下面我们就一起来看一下，该如何使用按钮组件来切换其他组件显示的数据。1. 首先，添加一个图表组件，此处以“T型分组柱状图”组件为例。2. 接着添加数据，点击上方“数据-添加数据”。3. 添加后点击右下角“确定”按钮。4. 添加数据字段，此处示例数据使用的是“名称”和“耗电量”字段。5. 然后打开右上角的状态设置菜单，点击“新建状态”。6. 设置默认状态名称和新建状态名称分别为“耗电量”和“耗水量”，然后点击“确定”。7. 将状态切换至“耗水量”，同时将数据字段中的“耗电量”修改为“耗水量”。8. 添加两个“按...

#交互设置 #状态切换 #按钮 #组件设置 #组件联动

沧澜 543 浏览 11 0 评论

【功能演示】如何实现基础普通指标卡组件的自动循环播放 2026-01-23 16:37: 侧组件库中添加“基础普通指标卡”组件至项目中。接着为组件添加对应数据。2.在左上角选择“数据”选项，点击“编辑数据”。接着，把基础普通指标卡对应数据源的 “数据刷新频率” 设为 “不刷新”。接着将基础普通指标卡数据对应的字段中“开启数据逐条轮播”。这里可以根据自己的需求进行配置。展示效果如下：第二种方法：1.添加“列表”组件至项目。2.选中“列表”组件，添加“基础普通指标卡”组件，同时右击删除 “基础多行文本”组件。3.为“基础普通指标卡”组件按上述操作勾选对应数据，同时为“列表”组件完成数据勾选；列表数据勾选需遵循按需勾选原则，即展示哪些数据便勾选哪些数据。展示效果如下：...

#二维组件 #刷新频率 #轮播 #指标卡 #列表

朝乐 759 浏览 11 0 评论

【功能演示】通过下拉菜单选项切换图片显示的内容 2026-01-22 18:55: 在实际应用中，我们有时候会需要通过一张图片来展示多种不同内容，此时将下拉菜单组件与图片组件结合，就可以很好地完成此类需求。下面我们就来看看，该如何通过下拉菜单组件切换图片组件中的内容。首先，添加一个“ 图片”组件。接着添加一个“基础下拉菜单”组件。选中“基础下拉菜单”组件，为其设置交互，在选择选项时修改“图片”组件的“图片地址”设置项，如下图所示：开启“逐项设置”，继续设置选择选项二和选项三时的交互，点击“复制第一项的交互设置”后可以套用第一项的设置。套用后我们只需修改“图片地址”即可。最终效果如下图所示：...

#交互设置 #图片 #下拉菜单 #图片地址 #逐项设置

沧澜 574 浏览 11 0 评论

热门搜索

热门话题

推荐文章