在线图表免费

数据过滤器的特性与用法

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

全局变量的使用

在项目的实际推进中，一般情况下只对每次获取的最新值做展示，但是有时候也有特殊需求，需要与之前的数据做对比或拼接。而平台本身不做数据存储，想要对过往数据应用，则需要对之前的数据通过全局变量做缓存。大屏链接大屏包-全局变量.zip计算变化值功能说明接口每次只返回当前值，但是需求上要求显示当前值与上次返回结果相减的值。效果展示实现思路每次捕捉到数据变化后，在全局变量 window中暂存上次获取到的值，同

上班摸鱼必备，和人机来亿把五子棋！

继上次的EasyV井字棋后，EasyV可爱的同事又又又又给大家搞了个五子棋。（此处大家👏和我的膝盖献给元宝and孟德）ps：试玩链接在文章底部，点开就能玩，不搞那些花哨的！甚至还发送了试玩邀请让大家放松放松，他真的，我哭死！和井字棋不同的是，井字棋需要两个人用同一个设备来玩，比较适合双方都处于同一个位置（当然自娱自乐也是可以的）；而五子棋，则可以自己一个人和人机挑战，就非常适合上班摸鱼放松！当然，

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

1.逻辑思维数据处理、分页配置、数据展示2.实际操作数据容器模拟数据过滤器接受分页组件回调并处理数据（根据回调页数，和每页展示数量（num），对数据进行处理并发出回调）轮播表格接受数据容器发送的数据并展示3.展示效果过滤器根据接受的分页组件发的page回调，以及定义的展示条数（num），处理数据，并发送回调给轮播表格组件。分页轮播表格.mp4

2.5D图形设计经验谈

2.5D简介什么是2.5D？2.5D是一种介于2D与3D之间的设计方法，又被称为等角视图或者是伪3D，也叫做isometric，特点是没有透视与灭点，所有在现实中是平行线的在2.5D中依然可以显示出平行关系。早先常用于工业制图，后来被广泛应用于游戏设计、插画设计、文字设计与图标设计中。一些典型的应用： 2.5D与2D和3D的区别是什么？与2D图标相比，2.5D能完全展示出一个物体3个轴向上的表面

无数据情况展示

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

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

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

一个规则引擎的可视化方案

最近有个新项目可能会用到规则引擎，所以花了些时间对相关技术做调研，在百度、google用“规则引擎”作为关键字进行搜索，可以找到很多关于这方面的资料，绝大部分都会提到 drools、urules、easy-rules等等这么些开源项目，有一些文章也提到他们是采用groovy脚本来实现的。通过对项目需求的评估，初步判定groovy脚本已经可以满足实际的场景。然而，在这些资料或者方案之中，除了urul

时间回调

简介项目中常会遇到需要显示当前最新时间，或接口传入时间作为参数请求数据的情况不支持时间库的使用Moment.js Day.js 这类库通通不支持使用，过滤器虽然是一个代码块，但是其中没有内置库以及相关方法解决方式案例错误示范本意想通过数据容器内输出指定时间，通过点击形状组件将形状组件中过滤器的时间内容作为回调发送，再通过其他数据容器进行打印，实际上这样拿不到期待的数据，因为点击形状组件虽然发送了

大屏使用技巧——组件缩放交互

当需要来回切换不同的数据时，可以使用下列的技巧来进行配置，在一张看板中就可以快速查看不同区域的地图数据。当然不仅限于地图组件，任何图表组件都可以使用该原理做出如下的切换效果。该效果的实现完全由自定义事件来实现，与回调、数据过滤器无关，主要涉及到的是自定义事件中的平移和缩放动作，功能简单，但效果可以很强大。实现效果：实现思路：一、组件基础配置1、在大屏上放置两个地图组件这里以【基础平面地图】为例，首