在数据可视化展示中,标记点是定位核心数据的关键,实现点击标记点触发弹窗并展示对应点位数据的交互效果,能让用户精准直观获取点位详情,提升数据查看的便捷性与实用性。本文将详解该功能实现方法,梳理核心配置步 骤与实操要点,助力交互效果快速落地。1.在左侧资源库中添加“3D场景”至项目中。双击进入编辑界面,点击左侧“标绘”选项,选择“免费标记”完成标记点的添加。接着选中右侧面板中的“免费标记”,右键选择“复 制数据”,并将复制的内容粘贴至 Excel 表格中,详情可参考此教程:标记点概述 - 项目制作 - 数字孪生开发教程-可视化大屏制作教程 - 山海鲸可视化接着在表格中新增ID与数据两列,并完成对应内容...
朝乐朝乐
指标卡是数据可视化中核心指标的重要展示载体,为提升多指标展示的视觉体验与连贯性,可通过自动循环播放实现多组指标的有序轮播。本文将详细说明该功能的实现方法、配置步骤及操作要点,助力快速落地应用。1.在左 侧组件库中添加“基础普通指标卡”组件至项目中。接着为组件添加对应数据。2.在左上角选择“数据”选项,点击“编辑数据”。接着,把基础普通指标卡对应数据源的 “数据刷新频率” 设为 “不刷新”。接着将基础 普通指标卡数据对应的字段中“开启数据逐条轮播”。这里可以根据自己的需求进行配置。展示效果如下:第二种方法:1.添加“列表”组件至项目。2.选中“列表”组件,添加“基础普通指标卡”组件,同时右击 ...
朝乐朝乐
三维场景开发中,模型自动切换是提升场景智能化的常用功能,可满足多场景自动化展示需求,而切换的流畅性、时机与效果把控是开发核心难点,本文将详解该功能的实现思路与实操要点。1.在左侧组件库添加“3d空场景 ”至项目中。2.双击进入编辑界面,在“模型”选项中选择“建筑物”或者其他三维模型,将其添加至场景。3.选中“鸟瞰相机”,在“样式”中进入“视角设置”,添加“预设视角”。接着调整画面视角,在“预设视角” 旁的“扩展设置”中,选择“获取当前视角”。此处选择其中一个视角完成配置,其余视角按此方法操作即可,并退出编辑模式。4.在左侧组件库中,添加“进度条”组件至项目中。5.选择进度条,添加“交互”,触发“到...
朝乐朝乐
流畅的UI交互动画是提升用户体验的关键。主菜单点击后,子菜单若能以平滑淡出的方式展开或收起,而非生硬地瞬间切换,能显著增强界面的专业感和流畅度, 本文将详解该动效的实现方法与实操要点。 &nbs p; 1.在左侧组件库中,添加两个“横向菜单”组件至项目中。接着在左侧看板图层中选中对应组件,右键重命名为“主菜单”和“子菜单”便于后续添加交互时快速区分识别。2.选中主菜单,添加“交互”, 触发“选中”事件,“动作”选择“修改设置”,“目标组件”选择“指定组件”,“指定组件”为“子菜单”,“设置项”选择“不透明度”,并将其值设为 “100%”。3.选择子菜单,添加“交互”,触发“选中”事...
朝乐朝乐
在数据可视化和表格应用中,直观展示数值变化是提升数据阅读效率的关键,让表格根据数据变化自动显示升降箭头图片,也成为各类业务报表、监控表的常见需求。这一功能如何实现落地?本文将围绕此展开具体说明,为数据 与视觉标识的联动配置提供实操思路。1.在左侧组件库中选择“基础数据表格”组件,添加到项目中。接着给数据表格添加数据。2.在左上角,选择“数据”添加“数据条件”。接着选择“添加条件”,点击“新建条件”选 择需要判断的字段名以及判断条件。 3. 选中数据表格,选择“样式”进入“列配置”,找到“内容列”后选择需做判断的字段,最后在“列背景图片”中选择对应展示的图片,此处图片是未依据数据条件...
朝乐朝乐
想要使下拉菜单呈现出树状图的形式,需要使用JSON数据。如果下拉菜单想要联动其它组件,那么需要为其他组件绑定相同字段名称的数据。下面是简单的图文教程,也可以点击链接查看详细的视频教程:使用山海鲸下拉菜 单组件实现树状图效果,并联动其他组件数据。在山海鲸可视化中创建并打开一个空白项目,在组件库中查找并添加一个下拉菜单组件。点击左上角的“数据-添加数据”来导入我们的JSON数据,示例中使用Excel文件 来储存。在示例中将使用下拉菜单来联动数据表格组件数据,它们的相同字段名为“json数据”。下拉菜单组件所绑定的数据如表格所示:json数据  [{"label":"one1","v...
独角鲸独角鲸
在山海鲸可视化软件中,列表组件通常是作为一个容器来使用(类似文件夹),所以列表内部为空的时候无法使用,一般都需要在其内部添加一些其他的组件,通常用来展示文字、图片、视频等媒体组件,也可以通过数据生成多 个相同样式的组件。下面是简单的图文教程,也可以点击链接查看详细的视频教程:山海鲸列表组件通过数据生成多个相同样式的组件。在山海鲸可视化中创建并打开一个空白项目,在组件库中查找并添加列表组件。我们选中列 表组件,然后在数据中删除绑定的分组字段。接着在列表组件中分别添加一个基础多行文本、基础单行文本组件和图片组件,并调整它们的大小和位置。然后我们需要使用数据来填充组件的内容,并且生成多个相同样式的组件,...
独角鲸独角鲸
在山海鲸可视化软件中,结合项目参数可以实现访客管理对组件的显示隐藏控制,也就是不同的用户登录可以看到不同的组件,图文教程如下,也可以点击链接查看具体的视频教程:结合项目参数实现访客管理对组件的显示隐藏 控制。打开山海鲸可视化,首先点击左上方“新建”按钮创建一个空白项目。输入项目名称,然后点击“创建项目”按钮。项目创建成功后会自动打开,这里添加一个 “3D GIS底座”来制作一个基础的大屏。然后我们在 项目编辑界面点击“项目”菜单,打开“项目设置”,设置访客可以使用的“项目参数”,在“项目参数”中添加一个参数:user,并将参数默认值设置为“1”。接下来我们需要对“访客管理”进行设置,点击“添加访客...
独角鲸独角鲸
在不进行任何设置的情况下,直接在3D地图上添加标记点是无法显示的。这时我们需要调整标记组中标记点的大小,同时关闭标记主体的LOD。具体设置方式请参看教程:【实战案例】鲸孪生3D地图上添加和显示标记点
沧澜沧澜
在山海鲸可视化软件中,时间选择器组件可以联动数据表格组件,来展示某一时间的数据,以达到数据筛选的效果,图文教程如下,也可以点击链接查看具体的视频教程。打开山海鲸可视化,首先点击左上方“新建”按钮创建一 个空白项目。输入项目名称,然后点击“创建项目”按钮。项目创建成功后会自动打开,然后点击左上方的“数据-添加数据”。导入我们提前准备好的数据文件,这里使用Excel文件进行演示。导入成功后可以在该面板预 览数据,确认无误后,点击右下角的“确定”按钮。然后在组件库中搜索并添加“时间选择器”组件和“数据表格”组件。点击选中“时间选择器”组件,在“数据”中绑定刚才导入的本地数据。展开“联动字段绑定”设置,将...
独角鲸独角鲸
在山海鲸可视化软件中,时间范围选择器组件可以联动数据表格组件,来展示某一时间段的数据,我们也可以通过设置项目参数,然后更新项目参数来实现数据库数据的动态获取,不需要使用数据联动,就可以让数据表格展示对 应时间段的数据,具体操作如下:首先,打开我们的项目,点击左上方的“数据-添加数据”。使用SQL语句动态获取数据库中的数据。在项目中添加一个时间范围选择器组件和一个数据表格组件。点击左上方的“项目-项目 设置”。添加两个项目参数,分别为“startTime”和“endTime”,并设置参数默认值。选中“时间范围选择器”组件,添加一个新的交互,触发设置为“时间改变时”,动作设置为“空动作”,设置该交互的...
独角鲸独角鲸
今天我们一起来看一下,如何设置点击倾斜摄影标记点展示720三维漫游全景图。首先,创建一个空白GIS3D场景。然后在左侧“GIS”中添加一个倾斜摄影。由于该倾斜摄影自身位置并未对齐地面,因此这里需要手动 调整倾斜摄影的高度偏移为400。接着在左侧“标绘”中选择一种标记点,并在倾斜摄影上添加三个标记点。选中左侧标记组图层,在右侧“样式”中将标记点“缩放”提高到10。相机视角的调整需要使用漫游相机,因此我 们需要先在左侧的“相机”中选择一个漫游相机添加到场景中。漫游相机同样将高度位置设置为400,这里我们还需要开启上方的滚轮控制FOV,这样在720全景中就可以通过滚轮推进或拉远视角了。设置完成后选中左侧...
沧澜沧澜
在山海鲸可视化软件中,时间范围选择器组件可以联动数据表格组件,来展示某一时间段的数据。本文将用两个场景来为大家演示时间范围选择器组件与数据表格组件的联动设置,具体操作如下:首先,在项目中添加一个时间范 围选择器组件和一个数据表格组件。场景一:通过时间范围选择器组件查看超市7月第二周的销量。示例数据如下所示:1. 选中数据表格组件,勾选数据字段,并开启“受其他组件联动”的按钮。2. 选中时间范围选择器 组件,填入联动字段“时间”,并开启“联动其他组件”的按钮。3. 7月7日-7月13日为7月第二周,点击选择起始和结束时间后点击“确定”。4. 此时,在数据表格中就可以直接查看7月第二周的数据了。场景二...
青罗青罗
今天为大家介绍一下,如何通过点击标记点显示不同的监控画面。一、新建项目1. 首先我们新建一个包含城市三维模型的项目。2. 然后添加数据,位置字段中的数据为鲸孪生中标记点的空间坐标系,用来生成数据标记点 。二、添加监控弹窗1. 添加一个弹窗组件,同时在弹窗组件中添加一个监控组件。2. 接着在监控地址处生成数据字段。3. 在“数据”设置中将“监控地址”字段添加进去,然后在数据联动中,开启“受其他组件联动 ”。三、添加标记点1.  进入鲸孪生组件的编辑模式,然后从标绘库中选择添加一个自由标记点。2. 在标记组数据设置中,将坐标类型修改为空间坐标,然后添加对应的数据字段,在对应坐标生成数据标记点...
沧澜沧澜
山海鲸可视化中监控组件支持HLS协议、RTSP协议、RTMP协议和FLV协议接入,但在使用RTSP协议、RTMP协议和FLV协议接入之前,需要在本地电脑上先安装好FFmpeg,具体安装步骤如下:1. 下载FFmpeg并解压下载地址:https://static.shanhaibi.com/client/ffmepg/ffmpeg-4.4-full_build.7z这里提供4.4版本的下载,其他版本 或其他系统可至FFmpeg官网下载:http://ffmpeg.org/download.html解压后放在任意目录,这里放在“C:\Program Files\ffmpeg-4.4-full_bui...
沧澜沧澜

热门话题

#代码编辑
# 鲸地图
#数据长度
#仪表盘组件
#静态数据

推荐文章

暂无内容

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

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

杭州多算科技有限公司

support@shanhaibi.com

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

QQ群号:788095444

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