循环滚动效果是网页设计中吸引用户注意力的常用技巧,可高效实现图片自下而上平滑滚动、消失并无限循环的视觉效果。它既能优化空间利用率,又能为静态页面注入动态活力,以下将详细解析其实现路径,助力创作者打造更 具吸引力的视觉内容。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交互动画是提升用户体验的关键。主菜单点击后,子菜单若能以平滑淡出的方式展开或收起,而非生硬地瞬间切换,能显著增强界面的专业感和流畅度, 本文将详解该动效的实现方法与实操要点。 &nbs p; 1.在左侧组件库中,添加两个“横向菜单”组件至项目中。接着在左侧看板图层中选中对应组件,右键重命名为“主菜单”和“子菜单”便于后续添加交互时快速区分识别。2.选中主菜单,添加“交互”, 触发“选中”事件,“动作”选择“修改设置”,“目标组件”选择“指定组件”,“指定组件”为“子菜单”,“设置项”选择“不透明度”,并将其值设为 “100%”。3.选择子菜单,添加“交互”,触发“选中”事...
朝乐朝乐
在制作项目时,有时候我们可能需要通过弹窗来显示多组数据,这时如果使用多个弹窗会非常不方便。下面我们就来看一下,该如何通过一个弹窗来展示多组数据。1. 首先,在项目上分“数据”处点击“添加数据”。2. 将数据添加进去,然后点击“确定”。3. 接着添加一个“弹窗”组件。4. 同时,根据需要添加“单行文本”组件和“指标卡”组件填充弹窗内容。5. 选中需要发生变化的数据,在“样式”的设置项中,打开“扩展设 置”,选择“生成数据字段”。6. 将数据字段添加进去,同时开启“受其他组件联动”,其余几个需要产生变化的数据同样依此进行设置。7. 关闭弹窗,添加一个“基础数据表格”组件。8. 设置“基础数据表格”组...
沧澜沧澜
在数据可视化和表格应用中,直观展示数值变化是提升数据阅读效率的关键,让表格根据数据变化自动显示升降箭头图片,也成为各类业务报表、监控表的常见需求。这一功能如何实现落地?本文将围绕此展开具体说明,为数据 与视觉标识的联动配置提供实操思路。1.在左侧组件库中选择“基础数据表格”组件,添加到项目中。接着给数据表格添加数据。2.在左上角,选择“数据”添加“数据条件”。接着选择“添加条件”,点击“新建条件”选 择需要判断的字段名以及判断条件。 3. 选中数据表格,选择“样式”进入“列配置”,找到“内容列”后选择需做判断的字段,最后在“列背景图片”中选择对应展示的图片,此处图片是未依据数据条件...
朝乐朝乐

热门话题

#筛选框
#看板切换
#播放
#组件通信
#Linux系统

推荐文章

暂无内容

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

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

杭州多算科技有限公司

support@shanhaibi.com

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

QQ群号:788095444

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