【数字孪生实战案例】怎样点击命名后的项目组件,就能自动跳转至对应网页链接?~山海鲸可视化

在数据可视化项目搭建中,常需通过点击页面内项目名称组件实现页面跳转,快速关联至对应项目详情链接。本文将讲解如何配置组件交互规则,完成点击项目名称自动跳转指定链接的实操设置,助力优化页面浏览体验与数据联动效率。

1.在左侧组件库中添加**"基础单行文本"**组件至项目中。

接着选中单行文本,在右侧**"样式"** 配置栏中,修改**"文本"**内容。

2.选中基础单行文本组件,在右侧添加**"交互"** ,触发**"点击"** 事件并执行**"打开链接"**动作,填入需要打开的链接即可。

展示效果如下:

相关推荐
饼干哥哥14 小时前
十年数据分析经验,被我打包成了4个跨境VOC Skill
前端·数据分析·数据可视化
zxsz_com_cn2 天前
数字孪生+预测性维护:1+1>2的组合拳
数字孪生·工业4.0·仿真·预测性维护·虚拟调试
十三画者3 天前
【文献分享】CANVAS:基于细胞构架与邻域信息的组织病理学虚拟空间肿瘤分析
人工智能·机器学习·数据挖掘·数据分析·数据可视化
凌云拓界3 天前
NodeVerdict | 性能门禁:把追踪数据变成 CI 规则
ci/cd·信息可视化·开源·node.js·bug·数据可视化·安全架构
杨超越luckly3 天前
Agent应用指南:巨幕之下 · 中国 IMAX 影院205城的空间布局
人工智能·arcgis·html·agent·数据可视化
做前端的娜娜子4 天前
从 0 到 1 打造一个配置可视化后台:一次前端配置中心化改造的实战复盘
前端·设计模式·数据可视化
山海鲸可视化4 天前
数字孪生技术:创新性破解城市高温难题
大数据·运维·数字孪生·数据可视化·可视化大屏
北墨NoLimit5 天前
TRAE Work实战:把办公Agent竞品调研从2-3天压到32分钟,有完整指令模板
前端·人工智能·数据可视化
NutShell Wang6 天前
每帧重建整条路径、每秒倾倒 48MB 给 GC:实时折线图渲染架构的实测复盘
前端·性能优化·架构·图形渲染·数据可视化·vibe coding
精益数智工坊6 天前
账龄分析怎么做才不流于形式?如何真正落地账龄分析?
大数据·人工智能·数据可视化