在前端页面开发中,为文本组件添加页面加载时的背景色依次切换效果,既能丰富页面的视觉层次与动态交互感,也能提升用户进入页面时的体验感,本文将介绍该效果的具体实现思路。第一种方法:使用按钮1.在左侧组件库 添加“按钮”组件至项目中。接着添加一个新的看板。接着在新的看板中,在左侧组件库中添加“基础单行文本”组件至项目中。2.选中按钮组件,在右侧“配置”栏中选择 “交互”,触发“点击”事件,“动作”为“子看 板跳转”,“子看板”选择需要跳转的看板即可。接着添加一个空动作交互,触发 “点击” 事件,将 “动作” 设为 “空动作”,并设置“延时”为 “500” 毫秒,以满足观察需求,按需选择。接着添加修改文本...
朝乐朝乐
在项目制作过程中,我们可能会需要手动控制三维场景的昼夜切换,此时通过按钮组件的交互设置就可以非常简单地达到目的,下面我们就来看一下具体该如何进行设置。首先,创建一个三维场景。添加两个“按钮”组件,分别 命名为“白天”和“黑夜”。为“白天”按钮设置交互,如下图所示:为“黑夜”按钮设置交互,如下图所示:这样我们就完成了通过“按钮”组件进行昼夜切换的设置,如下图所示:...
沧澜沧澜
三维场景中按名称搜索模型,是提升内容管理效率、优化用户交互体验的关键功能。在实际应用中,通过名称精准定位模型,可大幅减少资源查找时间,为三维可视化、虚拟仿真等场景的开发与维护提供便捷支撑。1.在左侧组 件库,添加“3D空场景”至项目中。接着双击进入编辑界面,将不同模型添加至项目中。2.在左侧组件库,选择“标绘”添加标记点至项目,详情可参考此教程:标记点概述 - 项目制作 - 数字孪生开发教程-可视化 大屏制作教程 - 山海鲸可视化选中 “标记” 项,右键“复制数据”,粘贴至 Excel 表格;同时新增一列 ID,便于后续将数据绑定至搜索组件。参考数据如下:3.双击进入编辑界面,选中“标记”,在“样...
朝乐朝乐
循环滚动效果是网页设计中吸引用户注意力的常用技巧,可高效实现图片自下而上平滑滚动、消失并无限循环的视觉效果。它既能优化空间利用率,又能为静态页面注入动态活力,以下将详细解析其实现路径,助力创作者打造更 具吸引力的视觉内容。1.在左侧组件库中,添加“图片”组件至项目中。接着选中图片组件,在“样式”配置栏中,点击“图片地址”旁的扩展选项,选择“生成数据字段”,图片地址建议填写网络地址,可以使用GISBo x进行生成,详情参考此教程:如何将本地图片生成网络地址? - 数字孪生可视化产品交流社区接着,为图片组件添加相应的数据。3.在左侧组件库中,添加“列表”组件至项目中。接着将“图片”组件与“列表”组件成...
朝乐朝乐
第一步:访问 SAP 中国官网 1.打开浏览器,访问SAP 中国官网,该平台为获取 SAP 相关产品与服务的官方指定入口。第二步:选择 SAP HANA 产品 1.可以通过此链接访问 SAP HA NA 试用页面:试用 | SAP HANA Cloud2.在 “Your User ID” 和 “Your Password” 输入框中,依次设置专属账号与密码,完成后点击 “Start your b asic trial” 按钮启动试用。3.输入上述设置的账号和密码,进行登录。4.点击"Basic Trial-Introduction to SAP HANA CLOUD" (基础试用版 ——SAP...
朝乐朝乐
在数据可视化实操中,选中数据表格切换至对应标记点视角,该功能打破展示局限,让用户从表格数据快速跳转至地理标记点视角,直观呈现数据的空间分布,大幅降低跨视图关联分析的操作成本。本文将详细拆解该功能的实现 步骤与配置要点,助力高效搭建跨视图数据联动能力。1.在左侧组件库中,添加“3D场景”至项目中。2.双击进入编辑界面,选中左侧“标绘”功能栏,根据实际需求选择对应的“标记”样式,添加至项目中。接着选中右 侧面板中的“免费标记”,右键选择“复制数据”,并将复制的内容粘贴至 Excel 表格中,详情参考此教程:标记点概述 - 项目制作 - 数字孪生开发教程-可视化大屏制作教程 - 山海鲸可视化3.选中“免...
朝乐朝乐
实现地图区域点击弹窗展示对应数据的功能,可助力用户从宏观快速查看区域精细化数据,其核心在于完成地图点击区域数据关联与弹窗动态展示,且需兼顾交互流畅性与数据准确性,本文将具体讲解该功能的实现方法。1.在 左侧组件库添加“中国地图”组件至项目中。接着选中中国地图,在右侧“数据”配置面板中,勾选相关数据。接着在“样式”面板中,切换至“底图层”配置项,开启“底图层提示信息”功能。2.在左侧组件库中,添加“弹 窗”和“基础单行文本”组件,将二者进行成组操作,也可根据实际需求,选配其他所需组件。3.选中基础单行文本组件,在“样式”面板中,点击“文本”旁的“扩展选项”,选择“生成数据字段”功能。接着在右侧“数据...
朝乐朝乐
在数据可视化展示中,标记点是定位核心数据的关键,实现点击标记点触发弹窗并展示对应点位数据的交互效果,能让用户精准直观获取点位详情,提升数据查看的便捷性与实用性。本文将详解该功能实现方法,梳理核心配置步 骤与实操要点,助力交互效果快速落地。1.在左侧资源库中添加“3D场景”至项目中。双击进入编辑界面,点击左侧“标绘”选项,选择“免费标记”完成标记点的添加。接着选中右侧面板中的“免费标记”,右键选择“复 制数据”,并将复制的内容粘贴至 Excel 表格中,详情可参考此教程:标记点概述 - 项目制作 - 数字孪生开发教程-可视化大屏制作教程 - 山海鲸可视化接着在表格中新增ID与数据两列,并完成对应内容...
朝乐朝乐
在前端交互与数据可视化场景中,下拉菜单是内容筛选、分类展示的常用组件,实现其点击选项联动/交互展示对应内容,能提升操作便捷性与内容展示针对性,帮助用户快速获取目标信息。本文将详细解析该功能的实现思路。 第一种方法:使用交互1.将“基础下拉菜单”组件添加至项目,同时从左侧组件库中选取其他所需组件一并加入项目中。2.选中下拉菜单,在“样式”配置栏中将“选项设置”改为“自定义”。接着在“选项值”将选项重新 命名。3.选中下拉菜单组件添加“交互”,触发“选中事件”, 将“动作”开启“逐项设置”;选中“中国地图”,“动作”为“修改设置”,”目标组件”选择“指定组件”且“指定组件”为除中国地图外的其他组件,同...
朝乐朝乐
有时候我们可能需要切换显示图表组件显示的数据,此时使用按钮组件可以很好地达成此类效果。下面我们就一起来看一下,该如何使用按钮组件来切换其他组件显示的数据。1. 首先,添加一个图表组件,此处以“T型分组 柱状图”组件为例。2. 接着添加数据,点击上方“数据-添加数据”。3. 添加后点击右下角“确定”按钮。4. 添加数据字段,此处示例数据使用的是“名称”和“耗电量”字段。5. 然后打开右上角的状态设置菜 单,点击“新建状态”。6. 设置默认状态名称和新建状态名称分别为“耗电量”和“耗水量”,然后点击“确定”。7. 将状态切换至“耗水量”,同时将数据字段中的“耗电量”修改为“耗水量”。8. 添加两个“按...
沧澜沧澜
指标卡是数据可视化中核心指标的重要展示载体,为提升多指标展示的视觉体验与连贯性,可通过自动循环播放实现多组指标的有序轮播。本文将详细说明该功能的实现方法、配置步骤及操作要点,助力快速落地应用。1.在左 侧组件库中添加“基础普通指标卡”组件至项目中。接着为组件添加对应数据。2.在左上角选择“数据”选项,点击“编辑数据”。接着,把基础普通指标卡对应数据源的 “数据刷新频率” 设为 “不刷新”。接着将基础 普通指标卡数据对应的字段中“开启数据逐条轮播”。这里可以根据自己的需求进行配置。展示效果如下:第二种方法:1.添加“列表”组件至项目。2.选中“列表”组件,添加“基础普通指标卡”组件,同时右击 ...
朝乐朝乐
在实际应用中,我们有时候会需要通过一张图片来展示多种不同内容,此时将下拉菜单组件与图片组件结合,就可以很好地完成此类需求。下面我们就来看看,该如何通过下拉菜单组件切换图片组件中的内容。首先,添加一个“ 图片”组件。接着添加一个“基础下拉菜单”组件。选中“基础下拉菜单”组件,为其设置交互,在选择选项时修改“图片”组件的“图片地址”设置项,如下图所示:开启“逐项设置”,继续设置选择选项二和选项三时的交互 ,点击“复制第一项的交互设置”后可以套用第一项的设置。套用后我们只需修改“图片地址”即可。最终效果如下图所示:...
沧澜沧澜
在可视化界面开发中,点击图标组件实现中国地图呼吸层数据同步变化。这一逻辑既能让图标与地图数据形成联动,也能增强数据展示的直观性,但如何保障数据联动的精准性与响应的即时性,是开发中的关键问题。本文将详解 该效果的实现思路与实操要点。1.在左侧组件库中添加“中国地图”组件至项目中。然后,选择中国地图,在“样式”面板中开启“呼吸点层” ,可按需调整“呼吸点最小半径”、“呼吸点最大半径”和“呼吸点颜色”便于 观察。接着,在“数据”面板中,将数据勾入相应的字段中。参考数据如下:2.在左侧组件库中,添加“饼图”组件至项目中。然后给“饼图”添加数据,这里以同表数据源进行演示。3.选择“饼图”组件,在“数据”面板...
朝乐朝乐
三维场景开发中,模型自动切换是提升场景智能化的常用功能,可满足多场景自动化展示需求,而切换的流畅性、时机与效果把控是开发核心难点,本文将详解该功能的实现思路与实操要点。1.在左侧组件库添加“3d空场景 ”至项目中。2.双击进入编辑界面,在“模型”选项中选择“建筑物”或者其他三维模型,将其添加至场景。3.选中“鸟瞰相机”,在“样式”中进入“视角设置”,添加“预设视角”。接着调整画面视角,在“预设视角” 旁的“扩展设置”中,选择“获取当前视角”。此处选择其中一个视角完成配置,其余视角按此方法操作即可,并退出编辑模式。4.在左侧组件库中,添加“进度条”组件至项目中。5.选择进度条,添加“交互”,触发“到...
朝乐朝乐
在通过数据表格展示数据时,我们可能会希望通过点击表格中的某一列来切换查看不同的子看板。下面我们就为大家详细介绍一下,具体该如何设置该功能。首先,添加一个“数据表格”组件。添加数据,并调整“数据表格”组 件的样式。然后添加三个子看板,并分别添加一个用于标记的组件。接着选中“数据表格”组件,为其设置交互。设置点击“名称”列时跳转到子看板2,点击“耗电量”列时跳转到子看板3,点击“运行状态”列时跳转到子看 板4,交互设置如下图所示:为了便于我们返回子看板1,我们还可以为每个跳转的子看板单独添加一个返回子看板1的“按钮”组件。为“按钮”组件设置交互,如下图所示:设置完成后将该“按钮”组件依次复制粘贴到其余...
沧澜沧澜

热门话题

#外接设备
#矢量图
#环境贴图
#UI设计图
#展示设置

推荐文章

暂无内容

咨询热线0571-88650917
地址 公司 邮箱

杭州市文一西路海创科技中心 311121

杭州多算科技有限公司

support@shanhaibi.com

关注山海鯨官方qq群,了解更多内容

QQ群号:788095444

Copyright © 2020-2026 多算科技, All Rights Reserved. 浙ICP备20006837号-5