在可视化大屏项目中，设计师的角色至关重要，他们的工作通常集中在以下几个方面：需求分析与概念设计：设计师首先需要与产品经理和利益相关者沟通，深入理解项目的需求、目标以及预期的视觉效果。在此基础上，需要进行概念设计，包括大屏的整体布局、风格、色...

深耕可视化领域的“专家”来了，从0上手新行业确实是一个很大的挑战，但是有一些方法可以帮助你快速入门，熟练掌握项目需求对接的过程，一文告诉你如何快速入门、了解新行业。1.我建议你学习行业的基础知识，利用互联网上的各种资源来了解数据可视化。通过...

摘要：Vue 3 是一种流行的前端框架，而数据可视化则是一种强大的方式，将数据转化为图表和可交互的视觉元素。本文将介绍 Vue 3 在数据可视化领域的应用，探讨其提供的丰富工具和组件，以及如何利用 Vue 3 构建出令人惊艳的数据可视化应用...

2.5D简介什么是2.5D？2.5D是一种介于2D与3D之间的设计方法，又被称为等角视图或者是伪3D，也叫做isometric，特点是没有透视与灭点，所有在现实中是平行线的在2.5D中依然可以显示出平行关系。早先常用于工业制图，后来被广泛应...

子组件为地理信息图表中点线面可视化表达元素，如在高德地图中可添加点标记、热力图、路线高亮等子组件；子组件与常规组件一样具备样式、数据、交互配置项，本次教程演示配置点标记，点击后出现标牌详情1. 首先在高德地图组件中，进入子组件管理，选择「点...

数据格式OSGBOSGB是国际通用三维场景格式，倾斜摄影数据大部分都是这个格式，而Easyv的倾斜摄影组件暂不能直接支持OSGB格式的数据，需要转换成3D Tiles。关于OSGB格式的概念和特点，请参阅其他相关资料，这里主要聚焦的是OSG...

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

介绍几种组件开发常用的动画以及实现思路，这里主要是 react-hooks 的动画实现思路，没用 react-spring 等动画库，所以并不是最优解，对动画库熟练的话用库会更快一点。轮播动画：实现效果：实现思路：如上图所示，每隔一秒选项就...

当多个组件需共用同一数据源，为了减少重复请求时，需要进行数据分发，那如何实现接1次数据就能让多个组件共用同一数据源中的不同数据类型呢？1、实现思路目标组件的静态数据中添加标记字段，数据过滤器内通过 data 参数获取到对应标记，随后根据需求...

1.应用场景在有些较大的项目场景中，主看板中可能会包含多个页面引用，在功能层面经常需要进行跨屏交互，例如切换展示的子界面，主页面的某个元素也随之变化。2、实现逻辑屏1、屏2 发送回调给屏3，屏3接收回调，通过回调，修改数据和配置动作。3、操...

最常用的就是选项卡，而且选项卡性能消耗较小，放到屏幕不可见区域，就能用来定时驱动。理论上所有带自动轮播功能的、并且能发送轮播切换的自定义事件的组件能都用来实现，比如3D圆形指标等。但俗话说一招鲜吃遍天，习惯上就用选项卡就行了。第一步，在选项...

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

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

1、实现思路在url上携带参数，不同参数展示的地图区域不同。预览后在url后添加#adcode=331000后重新加载页面。2、操作流程1. 命名为“控制组件”的【标题组件】过滤器中接收命名为adocde的回调字段2.【控制组件】添加自定义...

使用场景用户体验地图（页面逻辑）：节点交互设计：自定义事件、回调高保真原型：素材广场带来的价值60min完成看板原型100+内置组件可用方案落地效率提升80%设计师传统流程使用痛点设计规范不统一重复性设计多使用场景图标设计：素材库配图交付设...