热图可视化工具

通用知识 - 锚点

锚点是一套用于定位UI的方案。如果想定位一个点，给定一个坐标（二维的或三维的）即可。但通常UI都是有尺寸、有宽高的，给定一个坐标，只能让UI上的某一个点对齐到这个坐标。锚点还可以用来定义UI的旋转中心，或者缩放中心。很多GUI系统（各种类型的游戏）都使用了锚点的概念，它能更高效便捷地帮助设计人员设置UI的位置状态。概念例如，现在有一张正方形的图片，其边长是6，想要定位到点A(5, 5)上，现在随便

组件中部分文字样式的调整

在日常工作中，我们经常会遇到“把这段里面的这几个字加粗高亮再给这些字换个颜色”的要求，但是目前的【标题】组件暂不支持做这样的修改。如果利用多个文字组件进行拼凑不但需要考虑对齐和字间距等问题，还会增加平台负担。这可咋整？用魔法打败魔法！众所周知，我们现在所浏览的网页、点击一些选项卡所触发的效果都是通过代码编写出来的，Easyv也不例外。Easyv本身是基于H5开发的产品，所以这里分享一种基于前端代码

如何在尊享版运行平台模拟开发者版本的后台管理功能

# 获取测试环境组件开发权限## 安装 MySQL 客户端首先安装 MySQL 客户端软件这里推荐使用 VS Code 的 MySQL GUI 拓展：MySQL。 安装完成后可以在侧边栏打开 MySQL GUI 并新建连接## 连接至测试环境数据库填写以下信息连接至测试环境：- Host: 172.16.202.252- Port: 3306- Username: root- Password:

轮播表格-如何实现行样式自定义配置

使用场景在轮播表格中，需要对行文字数据等进行一些自定义的设置操作（如：指定区间范围数据高亮等等），此时可以通过添加数据过滤器的方式，来解决这一问题。操作步骤添加轮播表格在右上角搜索【轮播表格】，添加到画布中。添加过滤器在数据编辑中，打开数据过滤器，创建新的过滤器如此处添加一个名为「高亮」的过滤器，根据编写的代码，此过滤器即对组件中完成率大于70的数据高亮展示；（可根据自身需要修改代码条件等）Jav

三种不同的渲染到底是啥？

渲染，就是将3D模型转换成2D图像，并最终呈现在屏幕上的过程。虽然这里只有一句话，但是这一句话里面包含了太多的数学、物理和计算机方面的知识，它描述了我们用计算机来虚拟化真实世界的基本逻辑。渲染过程是需要计算机进行运算且消耗时间的。不同的渲染分类，会用到不同的渲染引擎。比如实时渲染我们一般会用到Unity和Unreal，离线渲染我们会用到V-ray和Keyshot。但是这些技术和引擎产品都是相通的，

异常数据告警展示

当出现异常数据（无数据）时，如何快速得知数据问题，可以通过以下方法来配置。此处的选项卡切换是在模拟不同数据源的情况，tab a对应的是正常数据，tab b对应的是异常数据，当万用图接收到异常数据不显示时，为了让大屏看上去不那么空旷，我们需要显示一个遮罩来告知用户，此处数据异常。实现思路：1、准备一个万用图组件，用于接受选项卡传过来的数据。再准备一个图片和标题组件，打组，作为遮罩，默认隐藏。2、给万

一次性修改所有大屏中xxx标题组件的静态数据

话不多说，先上代码（以下接口是中经社的接口地址，其他项目需要更换接口地址）：用于更新标题组件数据/ let updateText = (id, target)=&gt{ fetch(\https://fininfov.cnfic.com.cn/api/easyv/v3/component/data/\,{ method:\POST\, headers

如何使用动态坐标实现地图散点弹窗

1，添加边界地图，开启地图子组件——分类散点图，添加所需要展示的数据数据进入样式配置气泡尺寸、颜色。注意，在颜色选项中的类型需要和数据中的展示“类型”字段一致，否则导致气泡识别不出无法显示。发出回调参数type，确定变量名s。（这里发出回调，后续由翻牌器等其他弹窗内的组件接收，保证每个点都有一一对应的数据展示）2，添加翻牌器组件，调整数据与地图子组件数据对应。（映射的字段需要对应上）开启数据过滤器

数据可视化之风向图

&nbsp &nbsp很多人都见过风向图，直观形象，也是地图数据和现实数据在可视化上很好的结合。&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp 这是我见的第一个风向图，记得是2012年吧，当时觉得很有意思，作为一名技术人员，自然好奇它是如何做到的，是Canvas还是SVG？但当时没深究。最近正好有人（大哥）提到了这个，不妨深入了解，一探究竟。于是乎，发现原来还有这么多玩法，

震惊！可视化工具居然能用来做游戏！

4.当格子发出的回调被数据容器接收后，数据容器的过滤器需要根据对应的 index、hoverIndex、leaveIndex来修改window.ticData。三个回调的修改规则分别如下：a.leaveIndex，表示鼠标移出了该下标的格子，如果该格子的数据为1（1表示之前鼠标在该格子上悬停了），则修改为0。b.hoverIndex，表示鼠标移入了该下标的格子，如果该格子的数据为0（0表示该格子未