【数字孪生实战案例】三维场景中怎样点击飞线，唤起弹窗并加载匹配的关联数据？~山海鲸可视化

在三维数据可视化场景中飞线常用于呈现跨区域业务关联与流转关系。为增强交互体验与数据可读性需实现点击飞线触发弹窗并精准加载匹配的关联数据让用户可实时查看单条飞线对应的业务信息提升三维场景的数据交互与可视化表达能力。1.在左侧组件库添加“3D空场景”“弹窗”和“文本”至项目中且文本放置在弹窗内部。接着双击进入编辑界面在左侧添加“飞线”至项目中。2.选中飞线组在右侧“数据”配置栏勾选数据并隐藏“自由飞线”本文以跨表数据联动为例进行演示需注意跨表之间必须存在同名字段方可实现数据关联匹配同时开启“联动其他组件”。数据展示3.选中“样式”配置栏开启“允许点击”和“标记面板”选择需要绑定的弹窗并选择“显示方式”和“显示模式”即可。4.退出编辑模式选中弹窗内的文本组件在右侧“样式”面板中展开文本“扩展选项”点击选择生成“数据字段”即可。接着在“数据”配置栏勾选相关数据并开启“受其他组件联动”。展示效果如下