教育资源可视化思维与设计

数据源与数据配置

数据源数据源主要为 4 大类，分别为静态数据、CSV 文件、API 接口和数据库。每种数据源的配置界面都不同，其中 API 接口和数据库参数配置区域内可以使用回调参数（英文冒号后面跟动态参数）。API 接口（以api接口为例，更多数据源使用及详情见https://dtstack.yuque.com/easyv/il3lgc/mq5zk5）添加数据源。可以选则已有的数据源或者新建数据源。新建数据源需

token认证

简介部分需求的接口数据依赖于token作为验证， token可以采取回调的形式作用于全局获取token组件数据容器获取token通常获取的token为一串字符串将token作为回调发送根据token获取数据在body、路径、参数这几个选项中 ‘：’+ ‘回调名’可作为变量使用，此外虽然获取token的接口的触发时机不确定的问题，但是并不会出现没有token的情况，平台会根据变量是否存在决定接口是

数据驱动子组件显隐

一般情况下，对子组件的显隐操作都使用自定义事件来进行一对一事件控制，这种方式方便快捷，不需要写代码。如果要单独显示某个子组件，则需要把其他不需要显示的组件全部隐藏。当需要显隐控制的子组件比较多时，需要配置的事件与动作会迅速膨胀。事件驱动下，显隐都需要全额配置随着控制的入口增多、需要操作的子组件增多，配置起来也会越来越复杂，一旦中途新增了子组件，所有的控制入口全都要对新增的子组件做对应动作配置。数据

时间回调

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

如何浏览器启动本地应用？

新建注册表可以新建一个txt文件，修改后缀名为reg。以文本形式打开该文件，粘贴以下文本内容。Windows Registry Editor Version5.00 [HKEY_CLASSES_ROOT\\sunlogin] @=\URL:sunlogin Protocol Handler\ \URL Protocol\=\\ [HKEY_CLASSES_ROOT\\sunlogi

全局变量的使用

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

数据容器(平台功能)与数据容器(组件)区别

简介：数据容器分为组件级别和全局 二者通常在开发中需要交配使用组件级数据容器 数据容器(组件)全局数据容器 数据容器(平台功能)相同点：二者实质均为数据容器 均可当做多种数据源进行数据分发区别：数据容器(组件)会受到组件显隐切换、动态面板、引用面板的影响如该组件隐藏、或动态面板没有加载等情况时 请求不会发出数据容器(平台功能) 在初始加载不受任何影响 如上图可看到用全局数据容器，会正常发送请求

平台内是否支持组件二次开发？

二次开发内容支持度模块支持度备注UI风格修改支持根据项目诉求，可配合根据客户提供UI规范进行产品UI样式的修改及Logo企业信息的替换组件自定义开发支持平台提供自定义组件开发规范及组件开发体系化培训，用户可根据业务场景定制可视化组件(如Gis场景、三维组件等)。用户体系对接支持购买独立部署版本，支持与客户环境现有用户系统进行打通，实现单点登录(需事提供相应的用户系统接口规范)，且开放已发布项目的最

EasyV集成到其他应用

EasyV可集成到其他应用，也可以通过EasyV调用其他应用接口。EasyV集成到其他应用情况一：调用EasyV登录之后的地址（EasyV需对接其他应用的用户体系）实现方法：产品定制开发做单点登录对接情况二：调用可视化应用发布之后的地址实现方法：将发布地址集成到其他应用在EasyV中调用其他应用的接口情况一：通过前端调用，勾选cookie方式前提：调用目标接口必须支持跨域如果cookie和Easy

iframe子页面中，存在海康/大华监控播放器插件，播放器位置发生了偏移，该怎么办？

const dom = document.getElementById(\bigscreen-container\) //该dom上存在缩放系数 if(dom){ const transform = dom.style.transform const scale = transform?transform.match(/^scale\\((.+)\\)$/)[1]:\1,1\