在现今的可视化大屏开发流程中,开发者经常遭遇一系列挑战。其中最为突出的问题包括数据源格式的兼容性以及视频流格式支持的局限性,此外,私有化部署的需求也增加了开发的复杂性。这些问题不仅影响了开发效率,也限制了可视化大屏功能的全面性和灵活性。
针对这些痛点,CIMPro的UI编辑器不仅提供可视化大屏开发所需的基础功能,更在数据源接入和视频流接入方面进行了深度优化,支持更广泛的数据和视频格式,满足了多样化的接入需求。同时,CIMPro的UI编辑器还支持私有化部署,方便用户根据需求进行灵活部署。更值得一提的是,CIMPro的UI编辑器还能与三维场景相结合,为开发者提供了更加完美的解决方案。
数据接入
CIMPro具备出色的数据接入能力,支持连接超过30种不同的数据源,涵盖市面上几乎所有的场景数据库类型。支持连接的数据源包括关系型数据库如 MySQL、SQL Server、Oracle、PostgreSQL,还有国产的如达梦、人大金仓;当然,用户也可以上传 Excel/CSV 文件作为数据源,甚至可以手动填报录入数据,以及对接一些第三方的API接口。在开发调试的时候,还可以使用静态 JSON的方式来快速搭建可视化的Demo效果。
![[object Object]](http://f.picimos.com/7c86799f0eb57fd0829ff7ff8bc2d1ea.png)
CIMPro孪大师通过不断丰富和完善数据接入能力,使用户能够更加便捷地获取和管理各种数据资源,无需额外开发也能轻松接入数据,从而根据自身的业务需求和数据特点,快速构建出符合实际需求的数据大屏。
视频流接入
视频流组件支持rtmp、rtsp、flv、m3u8以及ts等多种视频流协议,能够处理各种来源的视频流数据,通过内置的转码功能,将这些不同协议和格式的视频流转换为浏览器支持的统一格式,从而确保用户能够在浏览器中顺利播放视频。这一功能不仅简化了视频流的播放流程,还提高了视频流的播放质量和稳定性。
![[object Object]](http://f.picimos.com/6c306d8782b124d129308d8ed485e049.gif)
目前,我们的视频流组件已经适配了多款主流浏览器,包括Chrome、360浏览器、Firefox和Microsoft Edge。无论用户使用的是哪种浏览器,都能够享受到流畅、清晰的视频播放体验。
图表模板
CIMPro内置了多种行业图表模板,这些模板不仅经过精心设计,而且充分考虑了各行业的特点和需求,让用户能够轻松找到符合自身工作场景的图表样式。对于用户来说,这些内置的图表模板可以直接套用,无需从零开始设计,大大提升了工作效率。
![[object Object]](http://f.picimos.com/bc9daa88d490a9f575e5c37c788f7588.png)
不仅如此,我们还支持用户将自定义的图表保存为模版。这意味着,当用户根据自己的需求对某个图表进行了个性化调整和优化后,可以将这个调整后的图表保存为模版,方便日后重复使用。
![[object Object]](http://f.picimos.com/be73fc00c7968b72cbd73c6954f6fc7b.png)
资源库
CIMPro新增了125个icon图标和143个资源图片,覆盖了点位、顶部标题、POI、场景图标、顶部菜单和弹窗等多种应用场景。这些资源直接内置于产品内,帮助设计人员快速找到所需素材,无需再从外部渠道搜集,大大节省了时间。
![[object Object]](http://f.picimos.com/faa3ed2cb598dd482881d09dc07abaf2.gif)
同时,产品还支持收藏图片资源,用户可以将已经设计好的图标、图片等资源收藏在个人资源库,方便随时调用。这一功能不仅提高了设计效率,还为用户提供了更多的个性化选择。
交互组件
UI设计器提供导航、单选、下拉、3D大纲视图等交互组件,为用户提供更加便捷、高效的图表编辑体验。
(1)导航菜单
用户可使用该组件轻松实现页面之间的跳转,根据自己的使用习惯和项目需求,自定义导航菜单的样式、布局以及页面跳转逻辑。这种便捷的跳转方式节省了用户的时间,降低操作成本。
![[object Object]](http://f.picimos.com/d6ca3bfbbcf86556c090242d0ffdb47c.gif)
(2)单选按钮组
单选组件可以通过网格布局、默认样式、选中样式等配置项修改组件样式,常用于多组件之间的效果切换以及交互效果的实现。
![[object Object]](http://f.picimos.com/501a55e547ae09c46918984bae78b0e6.gif)
(3)下拉选择器
下拉组件提供下拉滚动的菜单选项,可在有限的大屏空间内提供较大数量的选项。用户可以通过下拉列表选择预设的选项,或者根据需要进行自定义设置。用户可以根据自己的需求,自定义下拉组件的样式、布局、选项数量等参数,并为选项设置交互事件。
![[object Object]](http://f.picimos.com/e40c67ea5f0d7ddd5f41f51c43be6ade.gif)
(4)3D大纲交互
将三维场景中的大纲视图同步至二维图表中,让用户可以在预览或发布状态下使用编辑器中的大纲视图功能,支持多种交互操作,如模型搜索、模型显隐、模型聚焦。
自定义图表
UI编辑器兼容所有ECharts的配置项。用户可以根据自己的需求,轻松创建和定制各种类型的图表,以满足不同的数据分析和展示需求。
![[object Object]](http://f.picimos.com/f0e97d202ebcb0db92e6089719d62423.gif)
SQL过滤
项目编辑页面选择数据的数据表中mysql或者SQL Server等数据库类型数据时,可以通过编写自定义SQL去实现对数据的精准获取或过滤。这一功能支持用户根据具体的业务需求和查询条件,定制出高效且准确的数据库查询操作。
![[object Object]](http://f.picimos.com/1fc79f98f70721e4d77da06c5625cde7.gif)
二维图表与三维场景结合
CIMPro作为一款功能全面的数字孪生图形引擎,不仅在UI设计方面表现出色,更通过其独特的3D编辑器为用户带来了前所未有的数据展示和交互体验。
在CIMPro中,用户能够轻松地实现二维图表与三维场景之间的紧密联动。通过在二维图表上添加各种交互事件,用户可以实时驱动三维场景中的元素发生相应的变化。
具体而言,用户可以在二维图表上设置点击、双击组件等交互动作,并将这些动作与三维场景中的物体移动、物体显隐、相机、动画、环境等效果相绑定。无论是在工业、园区、城市、交通还是电力等领域,CIMPro都能为用户提供强大的技术支持和解决方案,助力用户更好地理解和分析数据背后的信息。
此外,用户还可以通过API在网页上自定义创建HTML5 UI元素, 并使其与云端渲染的3D场景进行双向交互,它兼容主流的前端框架如React、Vue等, 简化了开发工作。
私有化部署
CIMPro支持灵活的私有化部署方案,适用于处理内网数据的环境。用户可以利用CIMPro在内部网络环境下进行项目制作,并且项目完成后可以直接在本地进行发布和部署。这种部署方式不仅确保了数据的安全性和隐私性,还为用户提供了极大的灵活性和便捷性。
CIMPro孪大师以其卓越的数据接入能力、灵活的视频流接入、丰富的图表模板、实用的资源库和强大的交互组件,为用户提供了全方位、多角度的数据可视化解决方案。未来,随着技术的不断创新和应用的不断拓展,CIMPro孪大师将继续引领数据可视化大屏领域的发展,帮助用户实现业务的高效运营和精准决策。



