解锁 EasyV「万能子组件」,你的业务展示形式由你定义!

随着可视化业务表达方式的不断拓深,展示形式也越来越丰富多样,充满更多的“个性化”以及“专属定制”的诉求场景。而现在的子组件样式,仅支持固定格式的内容表达,难以满足易知微用户的定制化需求。

比如以下场景

  • 想在地图上展示图表、自定义文本、图片等,会受限于组件本身的配置项,原配置项没有的内容后续无法叠加。
    file

  • 想要以3D轮播、旋转的方式呈现可视化效果,只能通过替换3D图片列表的图片样式,无法放置表格、模型等其他内容。
    file

  • ……

为了满足用户的个性化诉求,丰富组件展示形式,提升可视化的场景覆盖度,易知微推出了万能“子组件”,引入全新的机制定义,在“任意拼接”基础上打通组件与平台的逻辑,从 “1✖️N ” 变为“N✖️N”,任意组件之间可以互相引用,相互拓展,大大提升了可视化的场景覆盖度。
file

组件优势

1、高效能定制个性化需求

通过万能“子组件”,可以灵活智能自定义拼接组件,从而满足更符合业务场景的使用需求,实现个性化定制。
file

2、拓宽应用场景覆盖度

任意组件之间可以互相引用,相互拓展,达到原组件无法实现的效果/功能,增加组件效果覆盖的使用场景。
file

3、提升单一组件的业务属性

原组件的业务分析能力增强,可叠加、复用的程度提高,产品逻辑更加清晰、完善。

file
「万能“子组件”」已于6月6日正式上线EasyV。
file

应用场景及流程

1、地图✖️万能子组件,打造超级信息面板

支持自定义拼接地图组件的子组件内容,包括所有的图表组件、标题组件,以及更多组件。辅助展现可视化地图的所有个性化形态,丰富地理信息业务数据的表达形式,灵活、直观的融入到地理信息的展示和表达中,让数据可视化元素变得更加丰富多样。
file

具体应用流程如下:

  • 第一步:点击功能入口
    地图类的万能“子组件”入口在子组件管理的列表中。
    file

  • 第二步:样式初步调整
    用户可以通过基础功能样式,对子组件的渲染级别范围、具体配置状态和轮播动画形式进行设置,自定义子组件的外部样式。万能“子组件”的基础功能样式与线上地图组件逻辑一致,可以参考其产品介绍文档。
    file

  • 第三步:自定义拼接和样式预览
    万能“子组件”支持在编辑模式下,自定义拼接组件/信息面板,从而改变其展示内容,进行个性化设置。
    file

file
file

  • 第四步:数据接入与分发逻辑
    万能“子组件”会根据自定义的状态标识进行数据映射和分发,支持多状态的展示形式,需要正确匹配不同状态下对应的标识。
    file

注意⚠️ 名称需要填写正确,不然组件无法正常进行渲染
file

数据接入流程

比如:现在我们需要把标识一中的数据传入组件里。
file

  • 首先需要绑定好状态标识。
    file
  • 编辑模式里,将组件数据源设置为“接收上级数据”,就能接收到标识一中的数据。
    file
  • 根据字段映射,选择相应字段即可完成数据接入。
    file
    注意⚠️ 以上所展示的是可以直接映射的数据,图表类的数据目前需要放置在对象里做一定处理,例如我们用data就可以进行自定义,此处提供产品帮助文档,可直接查看。
    file

2、万能子组件“3D”版,实现3D“组件容器”

在去年,我们推出了“组件容器”功能,除了解决数据接入的问题之外,用户也可以通过此功能进行组件自定义拼接,一定程度上满足了个性化诉求。在此基础之上,通过全新上线的万能子组件,借助3D轮播容器,实现了“组件容器”功能的“3D进阶”。任意模块都可以以3D轮播、旋转的交互形式进行展示,赋能更多可视化业务场景的表达。
file

具体应用流程如下:

  • 第一步:点击功能入口
    3D轮播容器的万能子组件入口在子组件管理的列表中。
    file

  • 第二步:样式初步调整
    3D轮播容器只承载其他类型组件,因此基础样式只有状态列表,可以设置不同状态下的标识名称、默认状态和选中状态。
    file

状态的默认和选中

自定义多个状态的组件,并对多个状态和标识分别进行关联。在状态列表里,默认状态为轮播容器未展示在面前的组件样式,选中状态为轮播容器展示在面前的组件样式,默认均为none,需要手动配置。在实操中,我们既可以将状态1的默认状态和选中状态设置为相同的,也可以设置为不同的,实现不同状态下组件样式的关联。
在这里插入图片描述

例如:状态2的文字颜色为白色,而状态1的文字颜色为红色,我们将状态1的默认状态设置为状态2,选中状态设置为状态1,则会出现如下轮播效果。
file

全局效果设置

可设置相机位置、半径、滚动时长等,轮播类型有默认和始终面对相机两种。默认类型轮播组件分布在球面上,朝向会有偏移,而始终面对相机类型轮播组件始终朝向正面。自动轮播支持悬停,自由设置旋转方向和间隔时长,与其他类组件轮播设置类似。
在这里插入图片描述

进入编辑面板后,其余流程同超级信息面板相似,具体详见➡️3D轮播容器 - EasyV正式产品文档

3、更多应用场景,持续开发中

万能“子组件”已于6月6日正式上线EasyV,点击「易知微-EasyV数字孪生|智慧城市园区工厂水利双碳|三维地图数据可视化大屏」即可开通产品试用。平台已经内置了9大类型组件,覆盖二维到三维多类型场景,拥有丰富的地图类型、业务子组件、交互操作和个性化调整等。
易知微官网
未来,EasyV 将在数字孪生可视化能力上持续优化提升,让每一个组织和个体都看见并受益于数字化!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:/a/799274.html

如若内容造成侵权/违法违规/事实不符,请联系我们进行投诉反馈qq邮箱809451989@qq.com,一经查实,立即删除!

相关文章

破解快消行业营销费用管理难题,引领财务费控数字化转型

众所周知,快消品行业消费群体较为广泛,涉及渠道复杂,产品周转期短、可替代性强,特别是面对竞争激烈的市场环境,大力投入营销、渠道费用对快消行业的企业来说十分普遍,而这其中,由于渠道多、业态…

13.FreeRTOS_定时器

定时器概述 定时器运行过程 定时器就像一个闹钟,它有超时时间、函数、是否为周期性这三个部分。 超时时间:什么时候到时间,就像闹钟响起函数:闹钟响起,要干什么是否为周期性:这个闹钟只响一次&#xff0…

MySQL下载安装使用教程图文教程(超详细)

「作者简介」:冬奥会网络安全中国代表队,CSDN Top100,就职奇安信多年,以实战工作为基础著作 《网络安全自学教程》,适合基础薄弱的同学系统化的学习网络安全,用最短的时间掌握最核心的技术。 这一章节我们使…

指针!!C语言(第一篇)

指针1 指针变量和地址1.取地址操作符(&)2.指针变量和解引用操作符(*) 指针变量的大小和类型指针的运算特殊指针1.viod*指针2.const修饰指针3.野指针 assert断言指针的使用和传址调用1.strlen的模拟实现2.传值调用和传址调用 指针变量和地址 在认识指针之前,我们…

算法力扣刷题记录 四十二【101. 对称二叉树、100.相同的树、572.另一个树的子树】

前言 二叉树篇,开始对二叉树操作练习。 记录 四十二【101. 对称二叉树】。 继续。 一、题目阅读 给你一个二叉树的根节点 root , 检查它是否轴对称。 示例 1: 输入:root [1,2,2,3,4,4,3] 输出:true示例 2&#x…

香橙派AIpro部署YOLOv5:探索强悍开发板的高效目标检测能力

香橙派AIpro部署YOLOv5:探索强悍开发板的高效目标检测能力 一、香橙派AIpro开箱使用体验 1.1香橙派AIpro开箱 拿到板子后第一件事情就是开箱: 开箱后可以看见一个橘子的标识,也就是香橙派了,并且还有四个大字:为AI…

微信小游戏 彩色试管 倒水游戏 逻辑 (二)

最近开始研究微信小游戏,有兴趣的 可以关注一下 公众号, 记录一些心路历程和源代码。 定义一个 Water class 1. **定义接口和枚举**: - WaterInfo 接口定义了水的颜色、高度等信息。 - PourAction 枚举定义了水的倒动状态,…

基于5个K7的多FPGA PCIE总线架构的高性能数据预处理平台

板载FPGA实时处理器:XCKU060-2FFVA15172个QSFP光纤接口,最大支持10Gbps/lane板载DMA控制器,能实现双向DMA高速传输支持x8 PCIE主机接口,系统带宽5GByte/s1个R45自适应千兆以太网口1个FMC子卡扩展接口 基于PCIE总线架构的高性能数据…

【JavaEE】网络编程——TCP

🤡🤡🤡个人主页🤡🤡🤡 🤡🤡🤡JavaEE专栏🤡🤡🤡 文章目录 前言1.网络编程套接字1.1流式套接字(TCP)1.1.1特点1.1.2编码1.1.2.1ServerSo…

同四千价位闺蜜机,当贝PadGO Air和KTCPro谁更好?

市面上闺蜜机品牌那么多,那么在4K这个价位,如果想购买一台高性价比的闺蜜机应该选择当贝PadGO Air还是KTCPro呢?我们一起来看一下对比 一、外观对比 当贝PadGO Air机身底部为CD型底盘设计,非常有设计感及美感。并且创新性地融入了磁吸快拆布面设计,极大提升了用户体验的便捷…

编程入门(九)【linux系统下docker的部署与发布网站】

读者大大们好呀!!!☀️☀️☀️ 👀期待大大的关注哦❗️❗️❗️ 🚀欢迎收看我的主页文章➡️木道寻的主页 文章目录 🔥前言🚀什么是docker?🚀docker三要素🚀linux系统下docker的基…

算法题-字符串

1.C字符串 c提供了一下两种类型的字符串表示形式: c风格字符串c引入的string类类型 1.1C风格字符串 C 风格的字符串起源于 C 语言,并在 C 中继续得到支持。字符串实际上是使用 null 字符 \0 终止的一维字符数组。因此,一个以 null 结尾的…

KnoBo:医书学习知识,辅助图像分析,解决分布外性能下降和可解释性问题

KnoBo:从医书中学习知识,辅助图像分析,解决分布外性能下降问题 提出背景KnoBo 流程图KnoBo 详解问题构成结构先验瓶颈预测器参数先验 解法拆解逻辑链对比 CLIP、Med-CLIPCLIPMed-CLIPKnoBo 训练细节预训练过程OpenCLIP的微调 构建医学语料库文…

【Nuxt3】vue3+tailwindcss+vuetify引入自定义字体样式

一、目的 在项目中引入自定义的字体样式(全局页面都可使用) 二、步骤 1、下载好字体 字体的后缀可以是ttf、otf、woff、eot或者svg(推荐前三种) 以抖音字体为例下载好放在静态文件夹(font)下 案例字…

notepad++中文出现异体汉字,怎么改正

notepad显示异体字,如何恢复? 比如 “门” 和 “直接” 的"直"字,显示成了 方法 修改字体, 菜单栏选择 Settings(设置),Style Configurator…(语言格式设置…)&#xf…

《昇思25天学习打卡营第22天|onereal》

文本解码原理--以MindNLP为例 回顾:自回归语言模型 根据前文预测下一个单词 一个文本序列的概率分布可以分解为每个词基于其上文的条件概率的乘积 𝑊_0:初始上下文单词序列𝑇: 时间步当生成EOS标签时,停止生成。 MindNLP/huggi…

C++基础(三)

1.再探构造函数 之前的构造函数,初始化成员变量主要使用函数体内赋值,构造函数初始化还有一种方式,就是初始化列表,初始化列表的使用方式是以一个冒号开始,接着是一个以逗号分隔开的数据成员列表,每个“成…

【JavaScript】解决 JavaScript 语言报错:Uncaught SyntaxError: Unexpected identifier

文章目录 一、背景介绍常见场景 二、报错信息解析三、常见原因分析1. 缺少必要的标点符号2. 使用了不正确的标识符3. 关键词拼写错误4. 变量名与保留字冲突 四、解决方案与预防措施1. 检查和添加必要的标点符号2. 使用正确的标识符3. 检查关键词拼写4. 避免使用保留字作为变量名…

C# 解析省份、城市、区域 json文件

一、json文件内容如下,(小程序里好像有用到...): 二、读取包含省份城市区域的json文件,并整理成想要的结果: string path Server.MapPath("/js"); string file System.IO.Path.Combine(path, "数据.…

数字孪生技术在元宇宙的应用

数字孪生技术与元宇宙有着天然的契合性,两者在技术、应用场景等方面都具有高度的互补性。数字孪生技术可以为元宇宙提供逼真、实时的数据模型和场景,而元宇宙可以为数字孪生技术提供广阔的应用平台和场景。北京木奇移动技术有限公司,专业的软…