中冶交通通鲁可视化

无数据情况展示

实现效果：此处的选项卡切换是在模拟不同数据源的情况，tab a对应的是正常数据，tab b对应的是异常数据，当万用图接收到异常数据不显示时，为了让大屏看上去不那么空旷，我们需要显示一个遮罩来告知用户，此处数据异常。实现思路：1.准备一个万用图组件，用于接受选项卡传过来的数据。再准备一个图片和标题组件，打组，作为遮罩，默认隐藏。2.给万用图添加一个“当请求完成或数据变化时”的自定义事件，并添加自定义

常用过滤器整理

基本的过滤器了解指路👉EasyV过滤器基础教程本整理文档中使用的callbackArgs为平台回调指路👉回调使用标准过滤器模板使用标准过滤器模版有助于理解与维护try{ //如果有回调的话,需要先接受回调，没有就不需要下面这一行了。 const { callback : rename = [] } = callbackArgs `//rename是重命名，=[]表示默认是一个空数组

数据过滤器的特性与用法

用法介绍数据过滤器通常作用于数据的处理，其本质是一个代码块，通常与数据容器搭配使用，以数据容器作为数据源，数据过滤器进行数据的加工处理，最后输出合适的数据结构以及内容创建过滤器勾选「使用过滤器」选项，下方「加号」按钮 进行过滤器添加；名称做过滤器的管理，必填项；回调字段，即当组件需要接收回调参数时，可在此处进行填写接收（详细使用场景 可见数据交互模块）；编辑器，即用户可在此处编写原生的JS脚本，主

数据分发

1.逻辑思维目标组件的静态数据中添加标记字段，数据过滤器内通过 data 参数获取到对应标记，随后根据需求进行逻辑处理。2.实际操作数据容器模拟数据标题组件接受userData回调,根据静态数据的key筛选userData回调的数据(需提前在静态数据里根据数据类型添加筛选字段),根据key的筛选,做到一个过滤器,多个组件通用,实现数据分发3.demo示例📎数据分发 demo_142279.zip

可取消选择的选项卡

简介：目前选项卡没有直接配置点击后再点击取消的功能 但是通过配置可以达到目的配置方法1 第一种方法是通过 getCallbackValuedata.s 拿到当前点击最新值 与 上次值（getCallbackValue获取的值）进行对比 若相同则说明点击同一按钮 此时选项置为0 。这里需要注意的是，发送的回调动作应该为“状态改变”，而自定义事件的事件类型为“鼠标点击”，否则该方法将失效。配置方法2

表格排序

功能说明实际项目实施中，有时候会需要对表格做排序。单个组件无法实现，这个时候不需要单独做定制开发，多个组件之间结合使用即可满足需求。此处示例可以作为参考，实际项目中还是根据对应需求来处理。点击图片中 区域1 的三角箭头，即可使 区域2 的内容进行排序联动。大屏链接📎大屏包-表格排序.zip实现思路轮播表格默认展示顺序与数据返回顺序相同，想要动态控制轮播表格内容的排序，通过调整轮播表格的数据即可。数

EasyV组件动画简介

介绍几种组件开发常用的动画以及实现思路，这里主要是 react-hooks 的动画实现思路，没用 react-spring 等动画库，所以并不是最优解，对动画库熟练的话用库会更快一点。轮播动画：实现效果：实现思路：如上图所示，每隔一秒选项就会进行状态切换，这其中，状态的切换离不开useState这个hooks，而每隔一秒的过程可以有多种方式实现（setInterval, setTimeout, r

数字演播厅 让你更好的演示汇报

专注面向演示汇报场景的数字演播厅，让你在业务复盘、项目汇报、领导参观等多种演示场景下更专业、友好地展示和分享业务数字大屏~~~为保障在关键场合的演示汇报效果，通过事先预配好的演播应用和演播顺序，可通过网页端进行远程操控切页，无需再担心汇报中途还需翻找业务应用、或是等待应用加载时间多长等临时突发事件，专注优质的演示汇报过程。名词定义序号中文名词定义说明1演播应用可进行投屏演播的应用，由多个演播素材组

easyv常用接口

注：所有接口调用都需要先登录easyv,也只允许通过接口修改该账号下的大屏。1. 修改组件显隐：url ：https://workspace.easyv.cloud/api/easyv/v3/screen/layers/changemethod: POST,headers： \Content-Type\: \application/json\,body: JSON.stringify({id:大屏

实现验证码图片的效果

实现效果：有一张显示颜色验证码的图片，点击该图片后，会切换成另一张验证码图片。实现思路：1.首先需要一个图片组件，用于显示验证码。2.需要一个能提供验证码的接口，该接口需要一个请求参数——时间戳，同时会返回两个参数——验证码图片的url和新的时间戳。3.用数据容器组件去接入这个验证码的接口，拿到数据后，发出一个回调，比如叫msg4.图片组件通过过滤器去接受这个回调msg。5.给图片组件添加点击回调