ruoyi组件可视化

千人千面之控制地图

1、实现思路在url上携带参数，不同参数展示的地图区域不同。预览后在url后添加#adcode=331000后重新加载页面。2、操作流程1. 命名为“控制组件”的【标题组件】过滤器中接收命名为adocde的回调字段2.【控制组件】添加自定义事件，事件类型为【当请求完成或数据变化时】，控制目标组件【3D边界地图V2】做设置主地图动作，代码框内容为return data[0].text。切换地图文件为

如何通过地图下钻，快速查看区-省-市的热力值

当我们需要用更直观有效的形式来展现各类数据信息时，热力图无疑是一种很好的方式。例如老板想看到哪个地方的销售额最客观，通过热力图的颜色深浅便可以很直观的发现。但假如老板再严谨一些，大到需要大区的销售额数值分布，小到市区级别时，是不是你就开始头疼了。正巧了不是，本次教程就来手把手教你，如何通过地图下钻，实现三级跳的区域热力展示（当然如果你有相关数据配备，下钻到你家都不是问题）以下为简单的下钻预览展示👇

EasyV过滤器基础教程

前言：此教程面向无js基础的同学，旨在帮助各位同学了解一些基础的过滤器，为了便于理解，我只将一些需要用到的函数和概念放了进来，至于箭头函数()=&gt{}，ES6的扩展运算符以及结构赋值等概念，大家有兴趣的可以了解一下，学会了可以用来装杯而且会省很多力气。先看基本折线图，去掉x,y,s这些东西，它的数据其实是一个对象数组——[{},{},{},...]：图1&nbsp&nbsp&nbsp&nbsp

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

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

开发人员的使用说明书

在可视化大屏项目时，开发技术人员通常需要承担以下任务：技术实现：开发技术人员需要根据设计师提供的设计稿，利用前端技术（如HTML、CSS、JavaScript等）和后端技术（根据具体项目需求，可能是Java、Python、Node.js等）来实现大屏的交互效果和数据展示。数据对接与整合：他们需要与大数据团队或数据库管理员合作，对接和整合来自不同数据源的数据，确保大屏能够实时、准确地展示所需信息。性

数据接入过程中的调试与排查

2.3自定义条件调试如果自定义事件的条件不符合预期，可以把条件暂时切换成自定义条件，使用上文说的代码调试的方法，来调试条件。自定义事件的条件出问题经常是由于自动模式引起的，可以参阅自动模式相关的专题文档来排查。3、组件或平台bug虽然我们已经在尽力避免出现任何bug，但还是可能会有漏网之鱼。如果bug已经出现并且影响到项目推进了，掌握bug的判断方法能节约排查问题的时间。3.1判断依据如果使用上文

我用EasyV做了一个年会抽奖器，老板点了一下......

光阴似箭，岁月如梭，一转眼就到了年末。一年一度的年会也马上就要到了，最令人激动的当然是年会抽奖环节！在这里EasyV给大家提供一个精美的年会抽奖模板，供大家进行使用哦~1、使用方式左侧：展示对应奖项奖品及数量右侧：实时展示参与活动人员表上方：实时展示活动参与人数以及直播参与人数中间：抽奖人可以点击抽奖器杆子，进行随机抽奖下方：按动下一环节按钮即可切换对应奖项进行抽奖2.具体配置2.1 上传全员名单

图表组件选用指南：五分钟，组件选型不迷路

本文将介绍EasyV图表组件间的形态差异以及功能划分，以辅助不同需求场景下的图表组件选型。一个合理正确图表可以呈现数据的整体形态(如形态、趋势、对比等)，让数据更加直观、突出重点。安德鲁·阿伯拉（Andrew Abela）制作的一份图表类型选择指南 ⬇️场景分类考虑到日常的数据分析场景以及图表设计经验，参考了上图的部分内容对其重新总结，整合成以下一些维度。图表类型选择指南 EasyV ver. E

点击地图散点跳出弹窗

地图作为诸多看板中的中心元素，承载着各种不同的展示数据。许多业务场景中，都需要配置图表和地图的交互效果。本文就来介绍如何配置“点击地图散点，展示切换不同点位相对应的数据”。首先，进入工作台，搜索组件后添加【翻牌器】和【地图】组件，随后选中【地图】组件，在子组件管理中，找到【散点】进入子组件【散点】后，配置交互-回调，发出弹窗需要接收的信号（回调参数）。这里的信号指的是从【散点】中数据中提取字段，为

选项卡控制万用图中数据的显示

点击不同的日期，如何在万用图组件中显示相应的数据？本篇就来教你。预览效果如下⬇️1、解决方案：在选项卡中设置回调参数将日期回调出去，在万用图组件中添加过滤器将符合日期的数据过滤出来显示。2、实操教程：2.1 全局配置首先添加首先添加【万用图】、【多项选项卡】等组件。2.2 多项选项卡配置在【多项选项卡】中填入/接入数据。（本篇教程显示5个年份，因此设置5组数据）[ { \s\: \