数字孪生在水利行业的应用现状及政策解读

EasyV组件动画简介

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

一个选项卡如何操控多个图表？保姆级教程

如何通过tab组件来实现图表的交换呢？首先在右上角搜索，选择【选项卡】并添加。可以通过编辑右侧的数据，来设置需要呈现的列/行的数量但需要注意的是，如果有数据有3个，但是在【样式】-【全局】-【网格布局】-【布局】中也要对应的编辑行数，不然可能就会出现空了一列或者是多了一列被挤了下去。如果想将Tab变成竖着的，只要将文字方向更改成“竖排”即可。接下来，我们同时塞入柱状图、面积图、饼图，现在看着无比混

硬件条件已抵达上限，如何进一步优化可视化应用？

动态面板/引用面板不建议动态面板/引用面板多层级嵌套（不超过3级），嵌套过多会对性能造成较大压力从而影响效果。loading页加载速度提升loading页加载速度，建议首屏做的尽量小，把重资源放到动态面板或者引用面板里，加载出首屏框架即可结束loading图片设计软件切图时不是非常精细的图片素材导出单倍图即可。图表组件组件默认开启数据增长动画，性能碰到问题时可以关闭数据增长动画。动态装饰实现优先使

EasyV中让效率翻倍的快捷键，你都知道吗？

本文将介绍最常用的EasyV快捷键，让你搭建大屏的效率upup！1、打组当大屏中元素太多时，通常需要让碎片化的组件成组，便于后期调整。操作方式：按住shift单击多个组件（可以跨行选中），按住快捷键command+G（mac）/ctrl+G（win），进行打组。取消成组也很简单，选中该组，按住shift+command+G（mac）/shift+ctrl+G（win）即可。2、撤回当误操作了一次调

数据驱动地图散点显隐

一般情况下，对子组件的显隐操作都使用自定义事件来进行一对一事件控制，这种方式方便快捷，不需要写代码。如果要单独显示某个子组件，则需要把其他不需要显示的组件全部隐藏。当需要显隐控制的子组件比较多时，需要配置的事件与动作会迅速膨胀。随着控制的入口增多、需要操作的子组件增多，配置起来也会越来越复杂，一旦中途新增了子组件，所有的控制入口全都要对新增的子组件做对应动作配置。数据驱动则利用了子组件数据为空的情

数据对接概述

1、数据对接是在做什么？在和数据做关联之前，大屏内容是静态的，任何时候打开都是一模一样的。将大屏和数据做关联，把真实的数据以可视化的形式展现在大屏上，让大屏动起来，就是数据对接！2、数据从哪里来？2.1 数据的来源进行数据对接时，数据的来源可能多种多样：数据库API接口websocket...不同客户、不同业务、不同项目中，使用的数据源都会有所差别，即便是同一个项目，也有可能会同时使用多种数据源，

史上最简单的弹窗制作教程

首先，在左边搜索添加【标题】组件。随便添加一个需要展示的图表/数据/图片.....开启默认隐藏。把“弹窗”标题作为触发图表显示的按钮，对【标题】组件设置自定义事件：点击“弹窗”时，柱状图显示。完成✅

交互预览功能

功能概述交互模式：即可在交互组件的同时（旋转、缩放、调整视角、点击交互等），进行配置项的调节配置。可应用于交互类组件、3D组件、地图组件等，在编辑组件样式时，辅助进行视角的调整查看。使用流程打开页面右下角的交互按钮，即可进入交互模式，交互模式打开后，可交互类组件以及3D组件等可进行点击交互操作，以及视角旋转操作，同时，可进行配置项的调节。但是此时，不可进行直接的拖拽调整位置（如想调节可通过配置项进

搜索功能

使用搜索框组件可以发出一个搜索关键字的回调，其他组件接收到这个回调之后，可以数据驱动筛选自身数据，从而实现搜索筛选功能。下面示例中演示了搜索框搜索轮播表格第一列文字的配置方法。📎搜索功能_1985764.zip

分页组合（分页+轮播表格）

3、操作步骤第一步，在【数据容器】中添加/接入需要展示的数据。第二步，添加【分页组件】，在交互中添加回调参数，发出page第三步，【数据容器】组件添加过滤器，过滤器接受分页组件回调并处理数据（根据回调页数，和每页展示数量（num），对数据进行处理并发出回调）最后，在【轮播表格】组件中添加过滤器，接收【数据容器】发送的数据并展示。