摘要:你是否曾在面对不同需求场景时,苦恼于按钮操作的局限性?又是否渴望能让组件自由切换、大屏轻松展示,实现数据交互,还能摆脱背着电脑包到处操控大屏的疲惫?别担心,解决方案来了!今天就为您详细介绍一系列无需按钮操作的方法,无论是自定义事件、动态面板、引用面板等事件交互
一、事件交互
你是否曾在面对不同需求场景时,苦恼于按钮操作的局限性?又是否渴望能让组件自由切换、大屏轻松展示,实现数据交互,还能摆脱背着电脑包到处操控大屏的疲惫?别担心,解决方案来了!今天就为您详细介绍一系列无需按钮操作的方法,无论是自定义事件、动态面板、引用面板等事件交互,还是回调参数、回调 ID 变量绑定、千人千面的数据交互,抑或是能让您轻松操控大屏的交互交互。下面,就让我们一起深入了解吧!
自定义事件:开启个性化操作新纪元✨ 日常操作里,传统按钮麻烦又死板。而自定义事件能自由选择触发事件,精准设定触发条件,无论是时间节点还是数据指标都能随心掌控⏰。触发后,显隐切换、缩放、改配置等操作,都能按你心意实现!
动态面板:让组件与页面动起来 如果您想让自己的组件切换、页面轮播,您不妨看看我们的动态面板~谁不想组件自由切换、页面自动轮播,拥有酷炫又实用的体验呢?动态面板能添加多种状态和组件,可单独设置自动轮播,也能配合选项卡控制切换。如电商页面,用它实现商品图轮播或款式切换,方便又美观!
动态面板帮助文档点此查看
引用面板:多屏展示不再是难题 我们一个项目很多大屏,但能展示的大小就那么大,我怎么才能放在一起呀?项目中多屏展示空间有限,让人头疼不已?引用面板就是你的得力帮手。它是 iframe 的升级版,传统 iframe 只能嵌入外部 url,而它能嵌入多个 EasyV 内部大屏直接展示,还能引用其他网页。如同整合小展厅的大型展示厅,让你在一处就能览尽所有精彩,就像开启了一个精彩的“内容宝藏库”!
引用面板帮助文档点此查看
二、数据交互
回调参数:数据交互界的“快递小哥” 在数据交互的世界里,回调参数就是那位超靠谱的“快递小哥”!作为全局性的参数变量,它全心全意地在组件之间传递参数。只要设置好回调参数,数据就能实现超级顺畅的交互。 您只需选中组件,进入「交互」配置模块,就能轻松给“快递小哥”安排任务啦,其中,字段值即参数变量,变量名即对字段值的重命名。是不是超简单! 选中组件,进入「交互」配置模块,定义回调参数。
回调ID变量绑定:数据的“智能筛子” 是不是一处理数据就头大?别慌,回调 ID 变量绑定就是那个超牛的“智能筛子”! 引用回调字段,并且用过滤器结合回调轻量化地处理数据。回调 ID 负责“揪出”那些带有特定标识的回调字段,然后过滤器根据我们设定的条件,比如数据的范围、类型等,对这些字段进行筛选。它会把那些不符合条件的无用数据统统拦截下来,只留下咱们真正需要的“精华”数据。
千人千面 想通过 URL 让每个人都拥有专属的数据体验吗?“千人千面”就是开启这个个性化“盲盒”的神奇钥匙!
在标题组件等数据配置项里,我们先确定要传递的字段,就像给盲盒贴上专属标签。接着设置好数据过滤器回调字段,保证精准匹配。在基本面积图等组件也按照同样的方法操作。最后通过 URL 传参,在“#”后面输入参数和值,不同用户打开就能看到不同的内容,简直太酷啦!
三、终端交互
每次为了操控大屏背着沉甸甸的电脑包到处跑,真的累麻了! 别愁啦,咱们的终端交互就是您的救星,直接让您和沉重的电脑包说拜拜! 终端交互就像是给大屏配备了一个超便捷的“移动遥控器”,专门用于在移动端操控已发布的大屏。下面我就给大家详细说说具体怎么用: 首先,进入 EasyV 平台的「终端交互」模块,创建移动操控端项目。创建时,您既可以使用系统默认的分辨率,也能根据自己移动设备的分辨率进行个性化定制。此处以手机端操控页面为例,如下图所示:
选择选项卡组件时,您可以和大屏页面保持一致,这样数据和样式可以直接复用,既省事又省心;当然,您也能单独创建样式。下图咱们就选择和大屏一致的方式,轻轻松松就能搞定!
易知微基于多年在数字孪生及数据可视化领域丰富实践,沉淀了诸多经验成果,欢迎大家互相交流学习:
《数字孪生世界白皮书》下载地址:https://easyv.cloud/references/detail/51.html/?t=yzwsm
《数字孪生行业方案白皮书》下载地址:https://easyv.cloud/references/detail/120.html/?t=yzwsm
《港口数智化解决方案》下载地址:https://easyv.cloud/references/detail/121.html/?t=yzwsm
来源:EasyV数据可视化