物联网数据可视化利器:云组态设计器全新升级
数据可视化已成为数据展示与分析领域非常重要的工具。由多种图表、3D 图形组成的大屏能够帮助用户非常直观简洁地了解数据。在物联网环境下,用户在制作数据展示大屏时,对数据可视化工具提出了更高的要求,例如能够展示 3D 组件、灵活的图层结构、支持多种数据源、实时的数据更新、图形层次的任意可复用等。
浪潮海岳智能物联网平台面向物联网领域的数据可视化需求,推出全新版本的云组态设计器,这是一款基于 Web 技术架构的在线组态开发工具,其设计交互方式更加直观易用,与 PPT 的操作体验相似,极大地降低了用户的学习曲线。提供统一的数据集管理能力,数据响应更快捷。设计器通过赋值页面变量等技术,提供了更加丰富多样的交互效果,包括显隐控制、数据筛选、条件过滤、页面跳转和 Tab 页切换、数据动态绑定、视频弹出等。此外,工具原生支持 2.5D 和 3D 模型渲染,支持第一视角浏览模型,支持拾取模型元素进行标注等功能。新版设计器这不仅提升了数据可视化的深度和广度,也使得设计过程更加流畅和高效。
![](https://static001.geekbang.org/infoq/a7/a77449da9b9bc731125fe9b0b5849969.png)
新旧对比
新版云组态设计器在功能框架上进行了全面升级,与旧版本相比,主要带来了以下变化:
![](https://static001.geekbang.org/infoq/08/087919ea7f8c9710a1e5e6096eae5373.png)
新版特性
特性 1:全新界面风格,操作更加便捷灵活
基于 Farris Design 全新设计,对画布操作进行了深度优化,包括拖拽、放缩、旋转、成组等,同时丰富了快捷键功能,为用户提供了更加流畅和直观的设计体验
![](https://static001.geekbang.org/infoq/4e/4eb105649eca22c2ce2099593755cd20.png)
特性 2:数据源与组件解耦,实现数据集批流一体化管理
新版设计器将数据源与组件的分离,实现了数据源的统一管理和维护。通过统一数据集功能,实现了物联网“流数据”与业务“批数据”不同节拍数据的融合和统一管理,简化了开发流程,提高了数据管理的灵活性和效率。
![](https://static001.geekbang.org/infoq/d7/d74845232c7b258d528eb59395e414ad.png)
特性 3:多层次 IoT 仪表盘组件,满足广泛用户需求
设计器不仅提供了支持表单配置化的仪表盘组件,以简化业务用户的数据展示需求,还提供了支持脚本配置的自定义图表组件,以及全自由度的 HTML 组件,以适应实施用户和二次开发用户对灵活性和定制化的高要求。这种多层次的组件设计策略,确保了从业务展示到复杂应用开发的广泛需求都能得到满足。
业务用户:对于业务用户来说,他们通常需要快速地构建和部署业务应用,表单配置化仪表盘组件为他们提供了一种高效的方式来实现这一目标。业务开发用户可以通过表单配置,快速搭建起仪表盘的布局和样式,无需深入编码细节。
实施用户:针对具有一定编程基础的实施用户,我们提供了自由度更高的自定义图表组件,以实现高度定制化的图表展示。脚本配置的自定义图表组件支持定制化开发,为他们提供了必要的灵活性,以满足特定的业务需求。
二次开发用户:对于二次开发用户,他们往往需要在现有组件的基础上进行深层次的定制和扩展。全自由度的 HTML 组件提供了几乎无限的设计和开发空间。
自由度高:用户可以使用 HTML、CSS 和 JavaScript 等前端技术,自由地设计和实现任何所需的组件和功能。
定制化界面:用户可以完全根据业务需求定制界面,无论是布局、样式还是用户交互,都能达到最佳的设计效果。
特性 4:丰富组件交互效果,实现复杂页面设计
组件交互新增四类交互动作,为用户提供了更丰富的交互设计选项,这些动作可以根据需求灵活组合,创造出无限可能的交互体验。
![](https://static001.geekbang.org/infoq/71/7172f55a4903e7c2c3cf53382c985cb1.png)
新版本中,我们通过引入页面变量重构了原有的组件协同工作模式。页面变量这一媒介的引入,彻底打通了组件样式、组件数据、页面 URL 和数据源之间的数据壁垒,简化了组件之间的通信机制。只需更改页面变量值即可触发一系列组件的智能联动,实现组件样式和数据的即时响应更新。
通过页面变量,用户可轻松配置和触发复杂的交互逻辑,实现了更加流畅和智能的协同工作模式。这种创新的交互机制,让组件之间的协作变得无缝而直观,使界面更加智能地响应用户操作和数据变化,极大地提升了用户体验和开发效率。
特性 5:原生支持 2.5D、3D 模型渲染与数字孪生展现
新版本中,我们内置了多个原生 2.5D 组件,使得在工艺图制作场景中,用户可以轻松地通过拖拽和配置的方式,快速生成具有动态效果的 2.5D 组态图。
![](https://static001.geekbang.org/infoq/15/15c93a9399ab90f79a1b6036bede82fb.png)
设计器的三维模型组件支持能力也进行了全面升级,目前支持的三维模型文件格式增至 7 种。用户可以自定义渲染材质和颜色、选择线框模式来渲染模型,并且能够设置模型的旋转角度和位移坐标。此外,我们还提供了背景渲染、灯光配置、粒子效果设置等高级功能,以满足不同场景的需求。
为了提升用户体验,我们还支持以第一视角浏览模型,实现更加沉浸式的观看体验。同时,提供了爆炸图效果,以及拾取模型元素进行标注的功能。用户还可以通过模型拾取实现高亮显示,控制模型局部元素的显隐,以及保存视角信息,以便日后快速恢复到特定的观察角度。
![](https://static001.geekbang.org/infoq/b1/b11b7b509356b5f59d39966995c29a62.png)
结语
新版云组态设计器凭借其突破性的设计理念和全面的功能升级,带来了一种创新的工业数据分析与展现解决方案。这款设计器不仅极大地提高了开发效率,降低了技术门槛,更通过简化技术实现,结合其丰富的组件选择、灵活的交互功能和用户友好的操作界面,为不同领域的用户带来了个性化的数据可视化解决方案。
评论