在数据可视化与交互界面设计中,使用按钮实现分组面板的灵活切换,是提升操作便捷性与信息展示效率的常用交互方式。本文围绕怎样通过按钮实现分组面板选项的切换控制这一核心问题,介绍具体实现逻辑与配置方法,为界 面交互优化提供简单实用的解决方案。1.在左侧组件库中,添加“可切换分组面板(选项卡)”和“按钮”组件至项目中。2.选中对应按钮后,在左侧图层列表中右键选择“重命名”,并在右侧“样式”配置面板中修改按钮 “文本”内容,完成命名统一,便于后续添加交互与效果观察,同理另一个按钮也类似操作。3.选中其中一个按钮,在右侧配置面板中添加“交互”,设置触发方式为“点击”,执行“自定义”操作;将“目标组件”指定为“...
朝乐朝乐
在电子地图应用中,标记点沿绘制路径自动移动是轨迹回放、路线导航、实时监控等场景的核心功能。本文围绕电子地图中如何实现标记点沿绘制路径自动移动这一问题,简要介绍实现思路与关键配置,为地图动态展示提供清晰 的技术指引。1.在左侧添加“GIS电子地图(基础)”至项目中。双击进入编辑界面,选择“标绘”,添加标记点。2.选中“自由标记点”,左侧点击“动效”,然后添加“路径动画”并绘制运动路线即可。3.选中“路 径动画”,在“样式”配置栏,开启“播放动画”,并修改“动画速度”。展示效果如下:...
朝乐朝乐
在动态场景与轨迹可视化中,为小车添加可跟随移动的标记点,是实现位置追踪、状态展示与交互反馈的常用需求。本文将详细介绍标记点的添加方式与跟随逻辑,帮你快速完成小车与标记点的绑定联动效果。1.在左侧组件库 添加“3D空场景”至项目中。接着双击进入编辑模式,在左侧添加“模型”至项目中。2.选中目标小车,为其添加“路径动画”。接着调整“播放速度”,开启“循环播放”和“播放动画”。3.在左侧选择“标绘”,添加 “标记点”。接着选中标记点,右键选择“复制数据”并粘贴至 Excel 表格。此操作可将自由标记点转换为数据标记点,便于后续数据勾选与目标组件跟随。接着为标记点勾选数据。4.选中标记点,在“样式”配置面...
朝乐朝乐
中国地图与数据表格联动,能让区域信息直观呈现、数据快速检索。本文以实操视角,讲解地图与表格如何实现关联,打造可交互可视化看板。1.在左侧组件库中添加“基础数据表格”和“中国地图”组件至项目中。两种数据 勾选方式,可以参考此教程:设置数据联动 - 项目制作 - 数字孪生开发教程-可视化大屏制作教程 - 山海鲸可视化同表数据源:同一张表勾选不同数据1.选中中国地图,勾选相应的数据,同时开启“联动其他组件 ”。接着选中数据表格勾选相应的数据,同时开启“受其他组件联动”。展示效果如下:跨表数据源:需要有同名字段,例如此案例中的“省级”字段。1.选中中国地图,勾选相应的数据,同时开启“联动其他组件”。2.接...
朝乐朝乐
在数据可视化项目中,高效的数据接入是保证用户体验和系统性能的基础。当数据源的调用与处理不当,可能会引发页面响应缓慢、资源消耗过大等问题。通过优化数据源,特别是API的接入方式,可以显著改善这一状况。以 下是几个关键的优化策略。一、 合并API请求,整合相关数据当项目中接入的API数量过多时,会带来不必要的网络开销和管理负担。一个有效的优化方式是合并相关API请求,许多API本身支持在单次请求中返回多 张关联数据表。我们可以将业务相关的数据表整合到一个API中统一获取。这样做能有效减少网络请求次数,节约资源,提升数据获取的整体效率。返回数据示例:添加表1:添加表2:二、应对海量数据:采用分页与层级下...
朝乐朝乐
在数据可视化与后台系统开发中,日历控件是筛选时间维度数据的常用组件。本文将介绍如何通过日历控件控制基础表格的数据展示,实现时间与表格数据的联动交互。1.在左侧组件库中添加“基础日历”和“基础数据表格” 至项目中。2.需注意:基础数据表格日期字段需与“联动字段”名称保持一致,且日期格式需与日历组件统一。基础数据表格数据展示如下:接着基础日历组件开启“联动其他组件”。3.在数据表格中勾选所需数据,同时开 启“受其他组件联动”。展示效果如下:...
朝乐朝乐
在可视化界面与大屏交互设计中,按钮组的状态统一管理是提升体验的关键。如何实现点击一个按钮时自动重置其他按钮为默认样式,让选中状态清晰唯一,本文将简要介绍这一实用交互的实现思路。   1.在左侧组件库添加两个“按钮”组件至项目中接着选中左侧的图层按钮,右键选择“重命名”,便于后续添加交互时快速识别并勾选对应组件。2.选中按钮 1,在右侧“样式”面板中进入“样式设置”,在“选中后”选 项下开启“启用选中”;并在“文字样式”中调整“字体”大小与颜色,以便清晰区分状态。3.选中按钮 2,在右侧配置栏选择“交互”设置,触发“点击”事件并执行“自定义”动作;将目标组件设为 “按钮 1”,自...
朝乐朝乐
在 GIS 可视化项目中,下拉菜单联动省份地图可显著提升交互效率,本文以省份编码与地理要素绑定为核心,介绍下拉菜单与 GIS 地图的联动实现,提升大屏与可视化系统的操作体验。1.在组件框中,添加“基础 下拉菜单”和“GIS电子地图(基础)”至项目中。2.选中下拉菜单后,在右侧配置栏切换至“样式”选项卡,将“选项设置”修改为“来自数据”即可。接着在数据配置中,将行政编号的字段名设为“adcode”,与 软件 payload 输出字段保持一致。注:payload来源接着将字段勾入下拉菜单中。3.为下拉菜单添加“交互”配置,绑定“选中”事件,执行“自定义”动作;将目标组件设为“中国各省市轮廓图”,对应动...
朝乐朝乐
在山海鲸可视化平台制作中国地图数据大屏时,快速获取各地区对应的邮政编码,是实现区域精准匹配、数据联动展示的关键环节。本文将介绍在山海鲸中获取中国地图对应地区邮编的实用方法,帮助用户高效完成地图数据配置 与信息关联。1.在左侧组件库添加“中国地图”组件至项目中。2.选中中国地图组件,在“样式”配置栏,开启“地图下钻”。接着在右侧添加“交互”,触发“地图下钻”事件,执行“空动作”。3.双击地图区域即可进 入下钻操作,右下角点击“调试面板”,选择“系统信息输出”。展示效果如下:...
朝乐朝乐
在制作数据可视化项目时,我们可能会需要“指标卡”组件根据数据自动改变组件颜色,下面我们就来看一下,该如何设置 “指标卡”组件根据数据来改变颜色。1. 首先,在左侧组件库的“文本”中,选择“基 础普通指标卡”组件添加。2. 添加数据,并在组件“数据”设置中添加数据字段。3. 接着在组件“样式”设置中,打开“数字设置-数字样式-数值”中“字体”设置项的“扩展设置”。4. 在“扩展设置”中点击“ 条件样式”。5. 然后点击右侧按钮添加数据条件。6. 点击“添加条件”后设置数据条件,这里设置的是数据“小于0”的数据条件,大家可以根据实际需求进行调整。设置完成后点击“确认”即可。7. 点击“添加条...
沧澜沧澜
在三维场景交互中,模型点击高亮是常用效果。本文将介绍,除高亮外,如何通过鼠标点击实现模型颜色切换,丰富场景交互体验。1.在左侧添加“3D空场景”至项目中。接着双击进入编辑界面,导入相关模型。2.选中模 型,在右侧配置栏,选择“样式”,开启“是否可选中”选项。3.选中需要修改颜色的模型层,在右侧配置栏中添加“交互”配置。展示效果如下:...
朝乐朝乐
在制作三维可视化项目时,我们可能会需要添加一些场景标绘,并通过按钮进行控制。下面我们就来看一下,该如何设置通过按钮控制三维场景中标绘的显示和隐藏。1. 首先,添加一个三维场景。2. 接着双击进入编辑模 式选择一种标绘添加,这里以模型库“标绘-管道”中的“绿色管道”为例进行演示。3. 添加后选中“绿色管道”图层,可以看到右侧“样式”设置中的“是否显示”选项,稍后我们需要通过交互设置调整该选项来实现组件 的显示和隐藏。4. 然后退出编辑模式,添加一个“按钮”组件,并调整其显示文本。5. 为“按钮”组件设置显示标绘的交互,如下图所示:6. 接着为“按钮”组件新建一个状态,用来隐藏标绘。7. 将原有状态命...
沧澜沧澜
在数据可视化与三维场景搭建中,资产库是高效管理资源的核心模块。本文将介绍如何在资产库中添加三维模型并实现复用,帮助你快速完成模型上传、管理与重复使用,简化场景搭建流程,提升开发效率。1.添加“3D空场 景”至项目中。接着双击进入编辑模式,添加3D模型。2.选中模型,右键点击“添加到资产库”。也可添加该模型下已分组封装的其他子模型。也可以将整个鲸孪生“添加到资产库”。3.此时在资产库中,即可查看已添加 的模型。展示效果如下:...
朝乐朝乐
在 3D 场景与数字孪生可视化中,模型状态切换是提升交互体验的常用功能。本文将介绍如何为模型配置两种状态,并通过状态切换实现模型显隐控制,帮助用户快速掌握状态配置与显隐逻辑,让场景展示更灵活、更直观。 1.在左侧组件库中添加“3D空场景”和“按钮”组件至项目。接着双击进入编辑界面,添加相应的模型。2.选中名称为“高层建筑”的模型,在右侧面板中“新建状态”,并将其自定义命名为“隐藏状态”。3.在“样式 ”配置栏中选择“默认状态”,并开启“是否显示”开关。接着参照上一步,切换状态为“隐藏状态”,并关闭“是否显示”开关,这里的状态为上述新建的状态名称。4.退出编辑模式后,选中按钮组件,修改“文本”内容以...
朝乐朝乐
在数据可视化与数字孪生应用中,地图组件是展示区域信息的重要载体。通过自定义区域颜色与标注,可让重点区域更加醒目、信息传递更清晰。本文将围绕地图组件如何通过自定义区域颜色与标注,使特定区域实现突出显示展 开介绍,为你提供实用的配置思路与操作方法。1.在左侧组件库中添加“中国地图”组件至项目中。接着选中中国地图,勾选数据至“底图层”。2.在右侧“样式”配置栏中选中“底图层”,添加对应配置项,即可依据数据 “自定义区间最大值”并完成颜色配置。其余配置项可参照此方法进行设置。展示效果如下:...
朝乐朝乐

热门话题

#文件格式
#最大化
# 组件交互
#数据库链接
# 卡顿

推荐文章

暂无内容

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

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

杭州多算科技有限公司

support@shanhaibi.com

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

QQ群号:788095444

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