<!doctype html><div class="lake-content" typography="classic">视频组件启用自动播放预览/发布时却仍旧无法自动播放，Chrome浏览器限制打开非同源地址页面带有声音的多媒体自动播放功能，视频静音后才能够实现自动播放。<h3 id="FsvbW"> 解决办法：</h3>或更改浏览器设置，将声音改为允许即可。<img src="/api/img/yuque/0/2021/png/1606681/1617767459592-d22e77a9-6c7a-4f60-8b6b-3da969eebd7a.png" width="912" id="yXkrO" class="ne-image"><img src="/api/img/yuque/0/2021/png/1606681/1617767503426-7503ef2c-fe20-43d7-adae-892ba678a2de.png" width="1328" id="oAeAJ" class="ne-image"> 如遇其他使用问题，可扫描下方二维码，获取更多产品支持~<img src="/api/img/yuque/0/2023/png/21840441/1685415867600-77c4b010-3e77-40b7-b482-e7c1a03dbfea.png" width="1411.2" id="u058e1ea9" class="ne-image"></div>

视频组件启用自动播放预览/发布时却仍旧无法自动播放，Chrome浏览器限制打开非同源地址页面带有声音的多媒体自动播放功能，视频静音后才能够实现自动播放。
<a name="FsvbW"></a>
### 解决办法：
或更改浏览器设置，将声音改为允许即可。 ![](https://cdn.nlark.com/yuque/0/2021/png/1606681/1617767459592-d22e77a9-6c7a-4f60-8b6b-3da969eebd7a.png#averageHue=%235da171&from=url&id=yXkrO&originHeight=826&originWidth=912&originalType=binary&ratio=1&rotation=0&showTitle=false&status=done&style=none&title=) ![](https://cdn.nlark.com/yuque/0/2021/png/1606681/1617767503426-7503ef2c-fe20-43d7-adae-892ba678a2de.png#averageHue=%23fefbfa&from=url&id=oAeAJ&originHeight=716&originWidth=1328&originalType=binary&ratio=1&rotation=0&showTitle=false&status=done&style=none&title=)


**如遇其他使用问题，可扫描下方二维码，获取更多产品支持~** ![image.png](https://cdn.nlark.com/yuque/0/2023/png/21840441/1685415867600-77c4b010-3e77-40b7-b482-e7c1a03dbfea.png#averageHue=%23d0ddf3&clientId=u90b1c22c-75ed-4&from=paste&height=459&id=u058e1ea9&originHeight=574&originWidth=1764&originalType=binary&ratio=1.25&rotation=0&showTitle=false&size=249827&status=done&style=none&taskId=uc319956a-c3e5-45ad-86ae-046eadc97f9&title=&width=1411.2)

<!doctype html><div class="lake-content" typography="classic">视频组件启用自动播放预览/发布时却仍旧无法自动播放，Chrome浏览器限制打开非同源地址页面带有声音的多媒体自动播放功能，视频静音后才能够实现自动播放。<h3 id="FsvbW"> 解决办法：</h3>或更改浏览器设置，将声音改为允许即可。<img src="https://cdn.nlark.com/yuque/0/2021/png/1606681/1617767459592-d22e77a9-6c7a-4f60-8b6b-3da969eebd7a.png" width="912" id="yXkrO" class="ne-image"><img src="https://cdn.nlark.com/yuque/0/2021/png/1606681/1617767503426-7503ef2c-fe20-43d7-adae-892ba678a2de.png" width="1328" id="oAeAJ" class="ne-image"> 如遇其他使用问题，可扫描下方二维码，获取更多产品支持~<img src="https://cdn.nlark.com/yuque/0/2023/png/21840441/1685415867600-77c4b010-3e77-40b7-b482-e7c1a03dbfea.png" width="1411.2" id="u058e1ea9" class="ne-image"></div>

<!doctype lake><meta name="doc-version" content="1" /><meta name="viewport" content="fixed" /><meta name="typography" content="classic" />视频组件启用自动播放预览/发布时却仍旧无法自动播放，Chrome浏览器限制打开非同源地址页面带有声音的多媒体自动播放功能，视频静音后才能够实现自动播放。<h3 data-lake-id="FsvbW" id="FsvbW"> 解决办法：</h3>或更改浏览器设置，将声音改为允许即可。<card type="inline" name="image" value="data:%7B%22src%22%3A%22https%3A%2F%2Fcdn.nlark.com%2Fyuque%2F0%2F2021%2Fpng%2F1606681%2F1617767459592-d22e77a9-6c7a-4f60-8b6b-3da969eebd7a.png%22%2C%22originalType%22%3A%22binary%22%2C%22linkTarget%22%3A%22_blank%22%2C%22from%22%3A%22url%22%2C%22originWidth%22%3A912%2C%22originHeight%22%3A826%2C%22ratio%22%3A1%2C%22status%22%3A%22done%22%2C%22style%22%3A%22none%22%2C%22showTitle%22%3Afalse%2C%22title%22%3A%22%22%2C%22rotation%22%3A0%2C%22crop%22%3A%5B0%2C0%2C1%2C1%5D%2C%22averageHue%22%3A%22%235da171%22%2C%22id%22%3A%22yXkrO%22%2C%22margin%22%3A%7B%22top%22%3Atrue%2C%22bottom%22%3Atrue%7D%7D"></card><card type="inline" name="image" value="data:%7B%22src%22%3A%22https%3A%2F%2Fcdn.nlark.com%2Fyuque%2F0%2F2021%2Fpng%2F1606681%2F1617767503426-7503ef2c-fe20-43d7-adae-892ba678a2de.png%22%2C%22originalType%22%3A%22binary%22%2C%22linkTarget%22%3A%22_blank%22%2C%22from%22%3A%22url%22%2C%22originWidth%22%3A1328%2C%22originHeight%22%3A716%2C%22ratio%22%3A1%2C%22status%22%3A%22done%22%2C%22style%22%3A%22none%22%2C%22showTitle%22%3Afalse%2C%22title%22%3A%22%22%2C%22rotation%22%3A0%2C%22crop%22%3A%5B0%2C0%2C1%2C1%5D%2C%22averageHue%22%3A%22%23fefbfa%22%2C%22id%22%3A%22oAeAJ%22%2C%22margin%22%3A%7B%22top%22%3Atrue%2C%22bottom%22%3Atrue%7D%7D"></card> 如遇其他使用问题，可扫描下方二维码，获取更多产品支持~<card type="inline" name="image" value="data:%7B%22src%22%3A%22https%3A%2F%2Fcdn.nlark.com%2Fyuque%2F0%2F2023%2Fpng%2F21840441%2F1685415867600-77c4b010-3e77-40b7-b482-e7c1a03dbfea.png%22%2C%22taskId%22%3A%22uc319956a-c3e5-45ad-86ae-046eadc97f9%22%2C%22clientId%22%3A%22u90b1c22c-75ed-4%22%2C%22originalType%22%3A%22binary%22%2C%22width%22%3A1411.2%2C%22height%22%3A459%2C%22linkTarget%22%3A%22_blank%22%2C%22name%22%3A%22image.png%22%2C%22size%22%3A249827%2C%22from%22%3A%22paste%22%2C%22originWidth%22%3A1764%2C%22originHeight%22%3A574%2C%22ratio%22%3A1.25%2C%22status%22%3A%22done%22%2C%22style%22%3A%22none%22%2C%22search%22%3A%22%E5%BE%AE%E4%BF%A1%E6%89%AB%E7%A0%81%E5%85%B3%E6%B3%A8EASYV%E4%BA%A7%E5%93%81%E5%B8%AE%E5%8A%A9%E4%B8%AD%E5%BF%83%20%E5%BE%AE%E4%BF%A1%E6%89%AB%E7%A0%81%E5%8A%A0%E5%85%A5%20EASYV%E4%BA%A7%E5%93%81%E7%A0%94%E7%A9%B6%E7%A4%BE%20%E8%8E%B7%E5%8F%96%E4%BD%BF%E7%94%A8%E5%B0%8F%E6%8A%80%E5%B7%A7%20%E6%9B%B4%E5%A4%9A%E6%B2%9F%E9%80%9A%E4%BA%A4%E6%B5%81%22%2C%22ocrLocations%22%3A%5B%7B%22x%22%3A264%2C%22y%22%3A431%2C%22width%22%3A426%2C%22height%22%3A34%2C%22text%22%3A%22%E5%BE%AE%E4%BF%A1%E6%89%AB%E7%A0%81%E5%85%B3%E6%B3%A8EASYV%E4%BA%A7%E5%93%81%E5%B8%AE%E5%8A%A9%E4%B8%AD%E5%BF%83%22%7D%2C%7B%22x%22%3A1065%2C%22y%22%3A431%2C%22width%22%3A399%2C%22height%22%3A34%2C%22text%22%3A%22%E5%BE%AE%E4%BF%A1%E6%89%AB%E7%A0%81%E5%8A%A0%E5%85%A5%20EASYV%E4%BA%A7%E5%93%81%E7%A0%94%E7%A9%B6%E7%A4%BE%22%7D%2C%7B%22x%22%3A376%2C%22y%22%3A485%2C%22width%22%3A201%2C%22height%22%3A29%2C%22text%22%3A%22%E8%8E%B7%E5%8F%96%E4%BD%BF%E7%94%A8%E5%B0%8F%E6%8A%80%E5%B7%A7%22%7D%2C%7B%22x%22%3A1180%2C%22y%22%3A485%2C%22width%22%3A172%2C%22height%22%3A31%2C%22text%22%3A%22%E6%9B%B4%E5%A4%9A%E6%B2%9F%E9%80%9A%E4%BA%A4%E6%B5%81%22%7D%5D%2C%22showTitle%22%3Afalse%2C%22title%22%3A%22%22%2C%22rotation%22%3A0%2C%22crop%22%3A%5B0%2C0%2C1%2C1%5D%2C%22averageHue%22%3A%22%23d0ddf3%22%2C%22id%22%3A%22u058e1ea9%22%2C%22margin%22%3A%7B%22top%22%3Atrue%2C%22bottom%22%3Atrue%7D%7D"></card>

EasyV正式产品文档

让每一个组织和个体都看见并受益于数字化

易知微数字孪生世界

不会调酒的音乐家不是一个好的产品经理

瑾贺新禧III

视频组件启用自动播放预览/发布时却仍旧无法自动播放，Chrome浏览器限制打开非同源地址页面带有声音的多媒体自动播放功能，视频静音后才能够实现自动播放。解决办法：或更改浏览器设置，将声音改为允许即可。如遇其他使用问题，可扫描下方二维码，获取更多产品支持~

视频组件无法自动播放

功能背景当我们在进行数据指标的可视化呈现时，面对各类非标准的数据接入场景，需要我们的开发人员，通过灵活运用数据过滤器进行各类数据格式转换以及逻辑运算。而随着数据处理需求日益繁重，人力投入和时间成本也随之攀升。智能编程助理的出现，就可以为我们的开发者提供专业的编程辅助，同时也可以为无代码能力的非...

马雨洁

EasyCode过滤器AI智能书写

本文基于全景图v0.1.0版本编写全景图功能介绍全景图，即借助绘画、相片、视频、三维模型等形式，通过广角的表现手段，尽可能多表现出周国的环境。避免了一般平面效果图视角单一，不能带来全方位视角的缺陷，能够全方位的展示360度球型范国内的所有景致，最大限度的保留场景真实性。主要功能为👇🏻：低成...

田美晨

全景图

功能背景在大屏项目展示时，用户只通过可视化图的方式理解业务场景与业务内容是有限的，而利用业务人员进行解说又会带来相关人力成本。因此能够将预设好的文字传输进大屏，并转化为语音进行播报，显得尤为重要。基于这样的背景，文字转语音组件支持特殊文本生成和文本语音转化功能，实现对特定文本的语音播放。一种方...

文字转语音（即将上线）

功能背景在实际大屏应用中，用户向大屏直接下达语音指令显的越来越便捷，其中体现的交互感也比通过动作指令来的更加强烈，给用户带来更高效的服务体验。而目前EasyV平台开发的自定义事件交互已经很完善，组件之间可以进行触发联动，但语音交互体现的强大功能一直是我们关注的重点方向。语音交互主要将用户的语音...

语音交互

功能说明开启后，组件可显示静态数据接入展示形式，可辅助进行样式调试。（仅作为辅助调节，不改变大屏接入数据等的任何配置）应用场景项目建设过程中，在已经接入数据库等的情况下，组件没有数据时，没办法显示组件进行样式调试。需要设计师频繁切换数据源进行样式调整，会带来极大的不便利性。在这种情况下，可一键...

静态数据模式——设计师“调试利器”

功能背景随着可视化业务表达方式的不断拓深，展示形式也越来越丰富多样，充满更多的“个性化”以及“专属定制”的诉求场景。而现在的子组件样式，仅支持固定格式的内容表达，难以满足易知微用户的定制化需求。我们推出「万能“子组件”」，引入全新的机制定义，在“任意拼接”基础上打通组件与平台的逻辑，从 “1*...

3D轮播容器

万能“子组件”——地图子组件自定义拼接

功能背景目前项目中存在很多要重复配置自定义事件的情况，尤其是针对很多动作合集的配置修改，带来的人工配置成本会非常大。使用流程现在我们已经配置了选项卡控制组件B的一系列事件，需要更换组件，把指向组件B的事件替换到组件A上。一、复制需要替换到目标组件的组件ID首先我们需要复制目标组件A的ID二、右...

替换事件目标

本合集为在EasyV中的大屏使用技巧，里面涵盖了许多用户在实际场景中会遇到的问题及解决方式。希望里面的内容能够帮助到您。如有更多需求欢迎进入社群进行提问，更多内容可扫码关缀易知微产品帮助中心⬇️

盛琦

大屏使用技巧

文档基于3D瓦片地图0.1.0版本编写3D瓦片地图功能介绍全面支持3D瓦片地图加载：组件支持瓦片地图服务(TMS)，且灵活高度自定义瓦片地图精度展示调整，二次编辑叠加要素描边纹理、渲染效果调节等等。内置全套高精度DEM数据：平台内置并精准呈现全面、高精度的全球数字高程模型数据集（GDEMV3）...

3D瓦片地图（DEM版）

需求背景：设计师或者大屏开发人员，在 EasyV 产品编辑页搭建大屏，需要保持多组件整体色调和谐，具体交互行为是 取组件 A 颜色给 B 使用，改工具主要起辅助作用，缩短该行为场景的链路，提效。适用场景（视频演示）此处为语雀视频卡片，点击链接查看：适用场景.mov入门要在 Chrome / E...

EasyV Pick Color - 吸色笔

撰写人：蓝莓1、事件交互如果您有不同的需求场景，不通过按钮的方式去操作，您可以尝试一下这种方法1.1 自定义事件；可以由用户选择需要触发的事件、定义触发的条件以及触发后的结果对哪些组件产生影响（如显隐切换、缩放、动态修改配置）。1.2 动态面板如果您想让自己的组件切换、页面轮播，您不妨看看我们...

姜楠

不用代码能实现复杂的交互功能？还真行！附视频教程

在调试模式的控制台中输出可视化应用的数据流转情况，打印报错信息以及日志信息。1、效果演示调试模式 效果演示2、进入调试模式点击顶部工具栏「预览」的「调试模式」，进入调试模式。也可以在节点管理中，右键选中组件，选择「监听节点上/下游事件」，点击弹窗，跳转至调试模式。3、基本功能进入调试模式后，可...

调试模式——辅助排查大屏异常问题

如何添加数据源？支持什么格式？怎么修改和编辑？一篇文章带你解惑~~~1、前置准备进入工作台，选择具体团队下应用分组，点击“我的数据”，即可查看和管理当前用户下的所有数据源，包括添加新的数据源、对原有数据源信息进行二次编辑、删除数据源。2、添加数据源点击“添加数据源”，选择需要添加的数据源类型，...

新手小白特供~如何管理数据源？

1、前言在信息技术快速发展的时代，信息安全事件频发，信息安全保障已经成为企业现如今发展的重要议题之一。对于很多企业来说，信息安全问题若不得到妥善处理，可能会成为企业发展生存的命门之一。  EasyV已经通过信息安全管理体系认证、主流新创产品兼容认证，并支持公有云以及私有化部署，通过种种手段为用...

如何设置加密发布

隐藏卸载基本介绍隐藏卸载是自定义事件的每个动作都可能配置的一个配置项，该配置项对于那些会使得组件隐藏的动作生效，比如最常见的隐藏动作。它默认是勾选上的。受隐藏卸载影响的动作如下所示：隐藏显隐切换切换组件状态（动态面板和引用面板特有）设置选中项（动态面板和引用面板特有）其他动作下此项无效。1、功...

自定义事件中的隐藏卸载是什么？

组件级数据容器教程可查看→ 数据容器(组件)全局数据容器可查看→  数据容器(平台功能)1、相同点：1.1 二者实质均为数据容器 均可当做多种数据源进行数据分发2、区别：2.1 数据容器(组件)会受到组件显隐切换、动态面板、引用面板的影响如该组件隐藏、或动态面板没有加载等情况时 请求不会发出数...

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

1、基本介绍自动模式是自定义事件的条件中提供一个便捷功能，要使用自动模式，我们需要先添加一个自定义事件，并且新增一个条件，如下所示：点击添加条件按钮后，会打开条件的编辑弹窗，弹窗比较长，注意看弹窗的底部有一个名为自动模式的开关，默认它是勾选的，表示自动模式默认是开启的。2、功能概述自动模式的概...

自定义事件中的【自动模式】

1、功能概述交互模式：即可在交互组件的同时（旋转、缩放、调整视角、点击交互等），进行配置项的调节配置。可应用于交互类组件、3D组件、地图组件等，在编辑组件样式时，辅助进行视角的调整查看。2、使用流程打开页面右下角的交互按钮，即可进入交互模式，交互模式打开后，可交互类组件以及3D组件等可进行点击...

交互预览

1、使用场景在轮播表格中，需要对行文字数据等进行一些自定义的设置操作（如：指定区间范围数据高亮等等），此时可以通过添加数据过滤器的方式，来解决这一问题。2、操作步骤2.1添加过滤器在数据编辑中，打开数据过滤器，创建新的过滤器2.2 过滤器创建勾选「使用过滤器」选项，下方「加号」按钮 进行过滤器...

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

当我们需要用更直观有效的形式来展现各类大数据信息时，热力图无疑是一种很好的方式。例如老板想看到哪个地方的销售额最客观，通过热力图的颜色深浅便可以很直观的发现。但假如老板再严谨一些，大到需要看到大区的销售额数值分布，小到市区级别时，是不是你就开始头疼了。正巧了不是，本次教程就来手把手教你，如何通...

地图下钻的保姆级教程来啦！！快速查看区-省-市的热力值

tag：如何利用模板快速搭建大屏大量研究结果表明，人类通过图形获取信息的速度比通过阅读文字获取信息的速度要快很多。近几年，数据可视化在企业中越发“流行”，将数字以可视化的形式展示，不仅清晰明了的展现企业真正的实力，也能让管理者快速了解细节，做出决策。既然如此，一个好用的工具就变得十分重要。有的...

不懂代码的我，花30min就搭建出了一套酷炫级的驾驶舱

如何通过tab组件来实现图表的交换呢？首先在右上角搜索，选择【选项卡】并添加。可以通过编辑右侧的数据，来设置需要呈现的列/行的数量但需要注意的是，如果有数据有3个，但是在【样式】-【全局】-【网格布局】-【布局】中也要对应的编辑行数，不然可能就会出现空了一列或者是多了一列被挤了下去。如果想将T...

一个选项卡如何操控多个图表？

进入工作台，选择地图-3D园区组件。首先来看右侧操作栏的【子组件管理】，主体模型和周围的这些发光、散点效果等都是在这里进行配置。1、替换主体模型如果需要将主要建筑替换成自己的模型，进入在【子组件管理】-【自定义模型】中设置。上传文件：上传的是本地的自定义模型文件，仅支持glb格式更改：可以替换...

已有3D模型，不知道如何导入做展示？

1、实现效果：从上面的动图中可以看到，当我们点击左右两侧的 “-” 和 “+” 按钮时，中间的数字0会随之加减。这里主要是对回调的运用，三个标题组件通过数据过滤器来接收数据容器发出的回调 count 。当我们点击左右两侧的标题时，它们会基于count进行 -1或+1的运算得到新的值，然后通过回...

如何使用标题组件实现加减计数的效果

1、先看效果：可以看到，每次倒计时的时候，选项卡都会切换选项，所以要实现一个这样的倒计时效果，我们往往需要借助于选项卡，当然其他的带有轮播效果的组件也是可以的，这里只是以选项卡举个例子。2、实现思路：2.1 创建一个选项卡组件，开启自动轮播，并设置轮播间隔为1s。2.2 给选项卡添加一个状态改...

如何在大屏上实现倒计时的效果?

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

点击地图散点出现动态弹窗

1、配置【数据容器】组件将筛选数据提前存储在数据容器中，本文以静态数据为例。如需接入其他数据源类型（API或数据库等），可按正常组件操作方法，对组件进行数据源的接入。2、配置【时间选择器】组件并设置回调参数点击交互，设置回调参数，输出格式选择“显示格式”，此处设为time发出（后续由数据容器、...

选择日期展示各时间段图表数据

为了爽爽地在家里看电视，通常厂家都会配一个遥控器，以便观众可以，躺在沙发上、磕着瓜子、翘着二郎腿对电视的例如调节音量、换台等功能进行操作。同理，当用于展示业务数据的可视化大屏也像电视那样，无法近距离用手指触屏来切换图表时，也需要用到“遥控器”，对大屏内的图表元素等进行远程切换。那么如何实现呢？...

大屏的远程遥控器

本文将说明地图组件下钻的逻辑以及如何生成一个可以任意下钻的地图边界数据实现全国-大区-省-市-区/县下钻 或是 农田-水稻田-A区下钻1、基本概念数据类型：我们要做的数据是类型为行政边界轮廓数据，数据格式为JSON常用地图数据类型以及获取途径👇  其中对包行政边界轮廓数据做了详细介绍此处为语...

如何生成可下钻的自定义地图边界数据？

选择3个比较典型的案例做实操。1、点击选项卡切换页面效果如下图：需求：现在有2块大屏需搭建类似门户页面，点击tab页进行切换大屏。第一步：添加【引用面板】组件，并在「引用面板配置」中添加2块大屏，关联所需要展示的大屏。第二步：添加【选项卡】组件，修改【选项卡】数据，分别命名Tab1、Tab2为...

3种交互场景配置实操——自定义事件

一个表格塞不下所有数据？通过简单配置，实现点击表格可以出现单行的详情数据。效果如下图：1、添加轮播排行条形图1.1 添加组件1.2 修改数据修改完数据后，会发现柱子超出了边界，并且框内最后多了一行空位，接下来就是基于数据修改组件样式。1.3 修改样式首先在样式-全局中修改显示的行数其次，在样式...

点击表格行出现详情数据

1、回调跳转case1 点击表格数据跳转详情页1.1 轮播表格编辑第一步，首先，添加【轮播表格】组件第二步，修改数据为自定义数据第三步，在列设置中设置映射字段和列宽第四步，在交互中，添加回调参数，发出“信号”1.2 数据容器第一步，添加数据容器。第二步，添加过滤器，添加回调字段“area”，点...

通过回调实现交互场景

不会建模？如何做出下图中的城市建筑白膜场景。本次就将手把手的教大家如何在3D城市组件中，通过上传geojson数据的方式，快速搭建自定义城市场景。ps：3D建筑坐标系选择WGS84，其余围栏/飞线/信息面板坐标系都选择GCJ02，切记～1、处理数据关于shp数据来源：- 需求方提供-自行获取：...

有楼高的3D城市白膜如何制作？

1、实现效果2、实操步骤右上角“搜索”【3D柱图】，添加到画布中。添加4个交互组件，分别覆盖在4个柱状图上面，并为他们重命名（方便后续做配置）添加动态面板，在动态面板中放入下钻的详情数据图表。（动态面板可以理解为是一个容器，存放多个页面）编辑动态面板，在里面配置4个产品的数据配置好后返回，对“...

交互组件实现数据下钻

很多场景下，我们需要将外接的数据进行一个整合，再展现在大屏中。但是源数据并不会乖乖的自动排好序等着我们接入。那怎么操作呢？通过EasyV过滤器的方法就可以简单实现。首先，添加柱状图，右侧数据中接入自己的数据。其次，在数据中添加数据过滤器，写入排序的js代码，保存即可。此时输出的数据就是从小到大...

按序排列数据

1、场景简述一个可视化看板的空间有限，有限的空间中必然只能放得下有限的信息。但是如果在狭小的空间中放入多张图片，可能就无法看清图片中要传达出来的信息。因此鼠标移动到图片中，图片就能放大这个场景恰好解决了空间有限的难题，让空间能够价值最大化。展示效果如下：2、操作步骤2.1 上传所需图片在工作台...

移入光标放大图片以便查看

1、操作步骤1.1 添加「自定义路径」组件右上角搜索，输入自定义路径，添加组件。1.2 替换路径路径形式分为两种：文件形式：上传svg格式的文件路径上传：写入SVG<path>标签写法绘制路径1.2.1 文件上传：在右侧的运动路径中上传已有的svg文件，此处我上传的是一个直线，因此左边的路径就...

自定义路径

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

张璁莹

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

经常会在可视化应用的标题或边框上看到像电流划过一样的特效动画，不仅增加了画面细节来提升视觉效果，还能提升逼格。来看看使用装饰和未使用装饰的区别具体要如何实现呢，其实也很简单，根据下列步骤可以完美自定义路径动效。1、添加组件右上角搜索，添加「跟踪路径」组件。2、替换路径形状路径形式分为两种：文件...

跟踪路径——动态线条装饰神器！

项目交接时，想要在一块大屏内总览全局，却无法将项目汇总？产品发布会时，想要介绍企业更多具体信息时，却无法将大屏和企业官网相结合？别担心，这些问题EasyV都可以帮你解决~它有任意门！1、任意门——iframe组件1.1 主要功能介绍iframe组件用于在当前项目中引用其他网页，在数据中输入指定...

iframe组件具体配置教程

1、引言老板要你上台汇报你不敢说？害怕紧张记不住内容？害怕自己嘴瓢普通话不标准？用EasyV数字人，统统不用怕，直接让您峰回路转，汇报直接上一个level，从此被老板赏识，走上”人生巅峰“~水雨情测报综合管理 - Google Chrome 2023-11-14 15-54-20.mp42、汇...

数字人具体配置流程

1、数据容器是什么？数据容器，用于应用中的数据存储，主要应用场景有数据共享以及数据分发：同一组件数据由不同数据源而来时，可通过「数据容器」进行数据共享；多个组件需共用同一数据源，减少重复请求时，可通过「数据容器」进行数据分发；2、如何使用数据容器？2.1 数据容器列表顶部工具栏「数据容器」，点...

数据容器是什么？怎么用？一篇文章带你玩转~

1、前言想在大屏里看到工人实时作业情况？想在大屏里看到厂区车辆实时进出情况？想在大屏链接直播演示？学会使用视频流组件，一个功能满足多种需求~视频流组件：视频流是视频组件的一种，主要用于对接监控视频流，在可视化应用中主要应用于监控场景需求，对接安防监控、媒体直播、产线作业展示场景。2、具体配置操...

如何接入监控视频（常见问题解答）

光阴似箭，岁月如梭，一转眼就到了年末。一年一度的年会也马上就要到了，最令人激动的当然是年会抽奖环节！在这里EasyV给大家提供一个精美的年会抽奖模板，供大家进行使用哦~1、使用方式左侧：展示对应奖项奖品及数量右侧：实时展示参与活动人员表上方：实时展示活动参与人数以及直播参与人数中间：抽奖人可以...

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

1、序在项目实施过程中，数据接入的工作可以被分为两部分：数据准备和数据对接。所谓数据准备，是指大屏原型稿已确认， 后端开发  或者  数据开发  就可以根据原型来开发对应的接口/SQL语句了。而数据对接，指的是大屏搭建完毕后，前端开发人员为大屏接入相应的数据。由于数据接入的工作是由两部分人在不...

全流程！数据准备与数据对接怎么做？

当需要来回切换不同的数据时，可以使用下列的技巧来进行配置，在一张看板中就可以快速查看不同区域的地图数据。当然不仅限于地图组件，任何图表组件都可以使用该原理做出如下的切换效果。该效果的实现完全由自定义事件来实现，与回调、数据过滤器无关，主要涉及到的是自定义事件中的平移和缩放动作，功能简单，但效果...

组件缩放交互

1、数字人组件背景介绍AIGC数字人，打开数字孪生应用新时代，深入赋能可视化业务场景。一键调用生成数字人，实现大屏自动化播报。数字人组件，拓展真人功能边界，支持自定义文本驱动语音，嘴形匹配，实现可视化大屏自动化播报。组件内置了一系列基础数字人形象,支持一键调用生成。2、数字人合成2.1 文本配...

一键生成AI智能数字人！让播报更智能~

1、登陆EasyMap官网下载需要的省市地图，获得json文件；切换到坐标系转换页面将json文件拖入转换为EasyV默认坐标系数据后下载获得新的json文件。2、打开qgis，将转换坐标系后的json文件拖入空白部分，添加卫星地图地址：在左侧浏览器栏目中找到【XYZ Tiles】，右键新建连...

3D地图顶部贴图教程

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

异常数据告警提示

这里以边界类的地图组件为例，包括2D的基础平面地图和3D的3D边界地图。边界地图类的组件支持上传用户自定义的地图数据，以显示地图组件默认没有提供的地图层级，比如下钻到镇街级别，或者是展示一个自定义区域的边界数据。1、Geojson边界地图类的组件上传的地图数据是geojson，geojson通...

如何制作下钻到镇街层级地图（自定义边界）

当轮播表格的数据较多时，需要通过搜索的方式，精准定位到某个字段，以便跳转到该字段的查看相应数值。效果如下：下面示例中演示了搜索框搜索轮播表格第一列文字的配置方法：第一步，在已有的轮播表格的基础上添加一个【搜索框】第二步，在【搜索框】-交互中配置回调参数，搜索框发出回调searchKey，轮播表...

搜索功能配置教程

如何通过数据驱动切换不同的界面，以达到快速切换显示界面。下面就来教学配置的步骤。第一步，添加【动态面板】和【选项卡】（为方便显示，其中使用【选项卡】演示数据驱动效果）第二步，在动态面板中添加4种状态ABCD，在不同状态里添加【标题】组件进行编辑。第三步，添加选项卡一一与之对应，选项卡相关配置如...

数据驱动变化界面

1、数据源数据源主要为 4 大类，分别为静态数据、CSV 文件、API 接口和数据库。每种数据源的配置界面都不同，其中 API 接口和数据库参数配置区域内可以使用回调参数（英文冒号后面跟动态参数）。API 接口（以API接口为例，更多数据源使用及详情见添加不同数据源类型）1.1 添加数据可以选...

数据源与数据配置介绍

本文以模板中的这个效果为例1、使用【选项卡】，配置好需要点击的按钮。首先在选项卡-样式-全局中配置好“网格布局”，因为总共有5个按钮，所以这里配置了5列。如何让按钮对应上背景特定的位置呢？在样式-系列-数据系列中可以调整每个按钮（单个按钮对应单个系列）整体偏移的位置。文字底下的小图标也可以在背...

如何制作弹窗？

有时候需要大屏上做一些定时任务，比如说两个组件定时互相显隐切换，比如某个组件以某个轮播间隔移动。这就需要有某种定时自动执行的事件驱动。通常大屏中的事件驱动都是用户的交互行为触发的，比如鼠标点击，不过也有一些组件有自动轮播的效果，并且在轮播切换时可以发出自定义事件，借此我们可以实现定时的事件驱动...

定时任务切换

当前平台触发接口请求的方式一般分为以下几种：1、开场调用一次：这种直接在组件上添加API接口的数据源即可。2、数据驱动接口参数：在组件的API接口的路径、参数、Body、Header等各处都可以使用回调，当回调改变时，会自动重新发起这个请求。（这种方法只有回调改变时才会发起请求，回调值不改变就...

点击按钮手动触发送接口请求（可重复点击发送）

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

大屏中如何计算变化值——全局变量的使用

1、应用场景单独的【轮播表格】组件只能通过鼠标滚动或者配置自动轮播来显示。但是当数据量较大时，分页展示会更加方便查看，点击页数序号可以跳转查看表格中的数据。2、实现逻辑过滤器根据接收的分页组件发的page回调，以及定义的展示条数（num），处理数据，并发送回调给轮播表格组件。3、操作步骤第一步...

分页组合（分页+轮播表格）

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

跨屏交互——回调参数的应用

项目中可能会有这种情况，需要将其他系统嵌入到大屏中，点击时跳转到其他网页中。一般情况下，如果是在页面中固定位置触发，直接使用【链接】组件即可。如果跳转的触发位置是动态变化的，则可以在自定义事件的条件中执行页面的跳转。1、触发固定位置链接若链接的触发位置固定，只需要一个点击事件进行触发。在图层右...

如何配置动态位置链接

实际项目实施中，有时候会需要对表格做排序。单个组件无法实现，这个时候不需要单独做定制开发，多个组件之间结合使用即可满足需求。（此处示例可以作为参考，实际项目中还是根据对应需求来处理。1、实现效果点击上面的三角箭头，即可使下面的表格进行排序联动。2、实现思路轮播表格默认展示顺序与数据返回顺序相同...

表格排序

最近有许多用户都来询问，如何在一个页面中实现两个界面的交互，这个需求在许多场景中都有体现，例如⬇️本篇为详细的流程文档，带你3分钟学会如何配置。可以选择引用面板（引用其他已经做好的整张页面），或者也可以选择动态面板（局部的展示界面切换），看你需求啦～1、引用面板交互1.1 引用面板配置添加【引...

如何配置页面交互

有不少客户希望能将看板以幻灯片的形式做展示，点击某个按钮就实现页面的切换，或者点击某个按钮实现部分图表的按序切换。本文就来教学这个简单的操作，方便大家对应自己的场景需求进行配置。1、全局配置首先我们在看板中添加【选项卡】、【图片】、【标题】组件（此处为方便不配置整个切换页面，仅用标题组件代替展...

如何制作小型幻灯片

地图作为诸多看板中的中心元素，承载着各种不同的展示数据。许多业务场景中，都需要配置图表和地图的交互效果。本文就来介绍如何配置“点击地图散点，展示切换不同点位相对应的数据”。一、实现逻辑地图子组件-散点中配置回调，翻牌器添加过滤器接收信号。二、操作流程首先，进入工作台，搜索组件后添加【翻牌器】和...

点击地图散点跳出弹窗

如何让基本柱状图组件中的柱状图形一个一个有序的显示出来？本篇就来教你。预览效果如下⬇️1、解决逻辑基于柱状图的基础上，再添加一个【滚动选项卡】和一个【多选选项卡】组件，通过选项卡的自动轮播控制多选选项卡的选中状态，【多选选项卡】发出回调，【基本柱状图】组件接收回调并逐条筛选出数据，从而达到柱状...

柱状图逐条显示

为了辅助在大屏卡顿严重、加载较慢时进行一定的性能调节，提供一系列辅助优化的配置项（陆续补充）供客户进行相应的选择和调节。⚠️注意：性能优化模式的配置项设置，取消设置后，仍保存之前大屏的设置状态。例如设置了统一的更新频率，在取消设置后，仍保存之前各个组件的基本配置。在项目的实际生产过程中，影响大...

性能优化模式

一个孪生应用包含基于EasyV的图表以及基于EasyTwin的3D场景。场景在EasyV应用编辑页面的场景设置中进行关联。新增场景关联一个EasyV应用支持关联多个EasyTwin场景。关联的多个场景不会同时展示，类似于幻灯片，一次展示一个场景，可设置默认展示的场景，支持在蓝图中配置切换场景。...

周雁

关联EasyTwin场景

为了确保创建包含 EasyTwin场景的模板不会增加场景数量，在创建模板时不会自动将场景文件添加到空间下。1️⃣若需要编辑或修改 EasyTwin模板中的场景，需要先进行「另存为场景文件」操作。2️⃣得到场景文件后即可进行编辑修改3️⃣可在场景设置中「替换」修改的场景副本，原本的蓝图的数据将保...

编辑模板中的EasyTwin场景

功能概述交互模式：即可在交互组件的同时（旋转、缩放、调整视角、点击交互等），进行配置项的调节配置。可应用于交互类组件、3D组件、地图组件等，在编辑组件样式时，辅助进行视角的调整查看。使用流程打开页面右下角的交互按钮，即可进入交互模式，交互模式打开后，可交互类组件以及3D组件等可进行点击交互操作...

交互模式

使用背景当我们在使用视频、数字人、声音等组件时，可能会遇到无法播放的问题，这是因为谷歌浏览器和edge浏览器对视频自动播放有限制，如果浏览器不开启对应的权限，数字人视频、视频组件、声音等无法自动播放。需要开启设置。允许自动播放，详细设置步骤如下：chromea.先打开网站的设置b.找到声音设置...

视频不静音自动播放

Q1  如何对通过单点登录的用户进行权限管理？接入单点登录后，默认在用户首次登录平台时自动将该名用户信息添加至通讯录中，即可在空间管理-通讯录中进行用户管理，包括并不限于权限分配、信息修改等。Q2  如接入单点登录后出现重复用户名的情况将如何处理？平台通讯录中的用户名字段值唯一。如出现通讯录中...

陈怡婷

常见问题

安全断言标记语言（英语：Security Assertion Markup Language，简称 SAML，发音 sam-el）是一个基于 XML 的开源标准数据格式，它在当事方之间交换身份验证和授权数据，尤其是在身份提供者和服务提供者之间交换。SAML2.0 可以实现基于网络跨域的单点登录...

快速接入SAML身份源

CAS (Central Authentication Service ) 是一种用于 Web 的单点登录协议。 ，旨在简化用户在多个应用程序之间的身份验证过程。它允许用户在成功登录一个应用程序后，无需重新输入凭据即可访问其他受信任的应用程序。操作说明1. 进入EasyV开放平台。2. 在右侧...

快速接入CAS身份源

OpenID Connect 是基于 OAuth 2.0 的身份认证协议，增加了 Id Token。它提供了一种安全而标准化的方式，使用户可以通过一个身份提供者登录，并在多个应用程序之间共享身份验证信息。需要注意的是，OpenID Connect协议作为一种协议标准，并不限制其实现方式。实际应...

快速接入OIDC身份源

OAuth2.0 是一个授权标准协议。 用户登录第三方应用时，可以通过使用 OAuth2.0 协议将数据安全的授权给调用方，通过验证后就可以完成免密登录第三方应用。本平台支持 OAuth2.0 协议的认证能力，用户仅需提供 OAuth2.0 认证服务。通过配置 OAuth2.0 身份源后就可以...

赵健宁

快速接入OAuth2.0身份源

在选择一种认证授权模式前，建议您先阅读并理解以下协议，有助于选择最适合你的应用的授权模式。OAuth 2.0 协议主要用于资源授权。OpenID Connect 协议，简称OIDC，是 OAuth 2.0 协议的超集，能够认证用户并完成资源授权。在可以选择 OIDC 的情况下，应该选择 OID...

认证协议概述

这篇文章主要介绍如何使用EasyV for Unreal，将EasyV和UE引擎结合制作可视化项目EasyV for Unreal 简介The EasyV for Unreal plugin allows you to deploy visual designs from EasyV to U...

方伟楠

UE容器组件（EasyV For Unreal） 

1.在UE5中使用EasyVForUnreal组件帧率低0.需要优先判断，是什么影响了帧率不使用EasyVForUnreal，基础帧率有多少？如果原始帧率就低，得去自行优化场景内容观察不加载插件时的帧率进行对比，如果不加在插件时帧数就不高， 那么就和有插件关系不大1.在UE中渲染web页面本身...

常见问题及解决方案

大屏使用技巧——组件缩放交互

Webm格式视频转换教程此处为语雀视频卡片，点击链接查看：Webm格式视频转换教程.mp40:00/2:37倍速一、前期准备1.Pr或Me软件需保证Pr或Me的大版本和Ae的大版本一致，需下载2019或以上版本如；Ae版本是2020，需下载2020版本的Pr或Me2.webm插件下载地址➡️h...

王佳乐

Webm格式视频转换教程

AE导出透明背景APNG动图教程STEP1 AE制作动画在AE中制作好小动画，确保背景为透明STEP2 渲染导出序列帧添加到渲染队列，在输出模块中设置格式为【png序列】，通道为【RGB+alpha】，【确定】后点击【渲染】STEP3 Animatrice下载下载【Animatrice】动画制...

AE导出透明背景APNG动图教程

需求地图类的组件经常要子组件的数据响应下钻层级的变化，这就需要使用回调来动态改变子组件数据。另一方面，静态数据时，下钻后父级的子组件还是显示在子级里，并且可能还超过了子级地图边界，如下图所示：上图所示的这种情况在接入响应adcode变化的动态数据后就不会存在了。地图回调以3D边界地图为例，地图...

地图类组件散点等子组件随下钻层级变化（控制不超出边界）

组件更新说明3D园区V2可实现快速搭建一个简单的小型3D场景，采用基于物理渲染和诸多屏幕后处理技术，支持上传自定义模型与场景效果调节，可在Web端展现较写实的画面效果。3D场景中可融合常规可视化表现要素（标牌、散点、路径、飞线等），配置交互实现与2D组件联动，以实现小型的数字孪生业务，通常可以...

3D园区V2功能升级清单📑

文档基于3D园区V2  0.10.10版本组件说明3D园区可实现快速搭建一个简单的小型3D场景，采用基于物理渲染和诸多屏幕后处理技术，支持上传自定义模型与场景效果调节，可在Web端展现较写实的画面效果。3D场景中可融合常规可视化表现要素（标牌、散点、路径、飞线等），配置交互实现与2D组件联动，...

3D园区V2

谢传金

3D渲染中，我们称传入材质的纹理为贴图。贴图一词强调其用途，当某个纹理用于在材质中实现法线效果时，我们称之为法线贴图。而在EasyV中，我们地图组件填充样式中的自定义上传的图片称之为「地图贴图」，主要用于地图表面/顶面的样式设置，因此也称之为「顶面贴图」。在使用EasyV地图组件时，我们常常通...

地图贴图的制作攻略

通过 rule 字段的配置，可以实现对应控件（组件配置项）的显隐控制。注意事项：最低版本⚠️限制：@easyv/react-gui@v1.20.0  name 路径严格遵守config 根目录 name 命名使用场景当一些配置项在某些条件下为无效配置，但在另外一些条件下又为有效配置时，可以使用...

李凯

Rule跨Tab 配置规则加强版

文档基于2D高德地图v1.1.3版本组件说明该组件主要以高德地图服务为依托对相对精细的地理位置信息进行展示，如精细到区域、街道或楼栋级别的点标记、热力分布等地理信息的呈现。效果案例*2D高德地图效果配置示例组件结构高德地图组件主要由「父组件」及「子组件」两部分组成，可根据实际场景分别定义对应配...

2D高德地图

字段说明类型返回值平台版本window.getScreenScale获取当前大屏scale该方法获取到的数据和此数据一致。function()=>[number,number]v7.14.1window.component获取js组件中的默认配置信息objectRecord<string,un...

邹思艺

平台提供公共方法

3D边界地图新版在之前组件的基础上：进一步丰富子组件功能和展示形态、性能效果双重提升、体验更加友好、覆盖了更多使用场景，让我们看看做了哪些升级优化吧！【针对3D边界地图V2（ 1.14.1——2.0.0版本）】⚠️注意：从低于2.0.0版本的组件升级到2.0.0以上的版本时，图片子组件的配置项...