可视化 数据表关系 工具

数据命名的整体规范

在项目持续过程中，大概率存在多岗位参与、同岗位多人参与、长期进行的情况，中间交错进行，若是随意添加与修改，没有相应的规范，会导致大屏越来越难以维护，出现问题也难以排查。在长期项目实践过程中总结出下面的规范，在开展大屏项目时，依照这些规范执行，可以使得项目协作更加顺畅，大屏的可维护性更高。1、主要内容1.1 命名大屏中的内容随着项目的推进，会越来越多，如果不通过命名来作区分，同名内容越来越多，会越来

动态切换动态面板&amp引用面板

如何通过数据驱动切换不同的界面，以达到快速切换显示界面。下面就来教学配置的步骤。第一步，添加【动态面板】和【选项卡】（为方便显示，其中使用【选项卡】演示数据驱动效果）第二步，在选项卡中添加4种状态ABCD，在不同状态里添加【标题】组件进行编辑。第三步，添加选项卡一一与之对应，选项卡相关配置如下第四步，在【选项卡】-交互中配置自定义时间原理： 通过动态面板的设置选中项里可以编写代码块来接收动态的选项

边界地图类组件下钻到镇街层级（自定义边界）

边界类的组件包括2D的基础平面地图和3D的3D边界地图（这里不推荐使用边界地图）。边界地图类的组件支持上传用户自定义的地图数据，以显示地图组件默认没有提供的地图层级，比如下钻到镇街级别，或者是展示一个自定义区域的边界数据。Geojson边界地图类的组件上传的地图数据是geojson，geojson通俗地讲是一种描述地图上的一些几何形状的方式，这些几何形状一般是多边形、折线等，可以用于展示一些行政区

柱状图自动更新x轴日期数据

1、实现效果静态数据下要求基本柱状图的x轴日期数据以昨天为结束时间，每天动态更新X轴日期数据的范围。2、实现思路时间组件传递动态当下日期，基本柱状图回调接收日期值，过滤器中处理x轴数据。3、操作流程第一步，添加【时间组件】和【基本柱状图】组件。第二步，在【时间组件】-交互中添加回调，发送“当下时间信号”。第三步，在【柱状图】组件中添加过滤器接受回调。let startDate = new Date

常见自定义事件以及使用

设置选中项在选项卡类组件基本上都有，类似针对轮播动画的动作是轮播表格特有的另外播放，暂停相关功能很好理解这里便不再讲述地图类自定义动作地图类组件通常包括多级城市的下钻、此外针对地图的子组件也有与之对应的动作具体动作含义下钻： 地图由省级进入当该省下的市级 或市级进入到区级 以此类推返回上一级： 与下钻功能相反 从区级返回到市级等设置主地图： 以adcode作为标志，将该地区设置为根地图，下钻返回等

表格排序

在“交互”-“回调参数”中通过回调字段 sort_key 将回调发出。3.2 轮播表格选中【轮播表格】组件，在“数据”中添加过滤器。在过滤器中关联回调字段 sort_key，sort_key 每次变化都会驱动数据过滤器执行。过滤器执行时，先将 sort_key 按照 ${列字段}_${排序方式}的格式进行拆解，提取出对应要素，在随后的逻辑中针对具体的 列字段按对应的排序方式处理，最终返回的数据即是

性能革新：EasyV平台七大升级，引领数据可视化进入高效新时代

随着大数据时代的到来，数据可视化平台的性能优化成为了提升数据处理效率和用户体验的关键。EasyV平台作为行业内的领先者，通过一系列技术创新，实现了七大性能的全面升级，为用户带来了前所未有的高效办公设计体验。一、工作站配置建议不同的分辨率及页面复杂程度对性能要求不同，为保证可视化大屏效果展示达到最优，对应的工作站配置建议具体如下图。二、平台性能优化介绍1. 工作台运行内存占用降低（降低工作台运行时内

利用加减器的案例控制动态面板切换

1、实现效果2、实现逻辑利用加减器计数器来控制动态面板切换。3、实现步骤首先创建一个动态面板，一个状态放一张图片，需要切换多少张图片就设置多少状态然后在加减计数器的组件套基础上，在「数据容器」中的交互上添加自定义事件，用于控制动态面板中的状态切换加减计数器的实现教程可点此查看～

时间选择器-首次打开选择当前时间

功能需求时间选择器首次加载时，选择当前时间，同时在每次切换时间时发出对应时间的回调。意外情况const p = n =&gt n &gt 9 ? n : \0\ + n const date = new Date() const YYYY = date.getFullYear() const MM = p(date.getMonth() + 1) const dd = p(date

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

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