一种基于Web端的图元实时数据绑定与动态渲染方法技术

本发明专利技术公开了一种基于Web端的图元实时数据绑定与动态渲染方法，包括通过设置的编辑器提供基础图元，用户通过继承基础图形进行拓展，并且针对复杂图元提供转换器生成图元，通过拖拽将图元实例化到编辑区形成节点并进行连接，以JSON形式保存驱动编辑器的数据，初始化数据后，再通过计算位置信息将渲染的图适配容器大小，运行器解析JSON，提取节点配置的属性映射规则，建立数据源到节点规则信息的映射，数据源更新后通过规则匹配找到节点并更新规则中绑定的节点变量，使图成为动态的。本发明专利技术通过图形化界面简化了系统的配置和监控过程，使得非专业编程人员也能参与到自动化系统的设计和维护中。缩短了产品定制的开发周期，提高了产品的扩展性。

【技术实现步骤摘要】

本专利技术涉及计算机web开发和数据可视化，具体为一种基于web端的图元实时数据绑定与动态渲染方法。

技术介绍

1、随着智能化、数字化的推进和发展，设备采集了越来越多的终端数据。用户迫切的需要将更多的数据直观的，清晰的组合展示便以监控和分析。通过web应用，可以更直观的展示用户关注的数据。

2、现有的web应用，需要专业编程人员对需要展示的内容，进行开发和配置。现行的组态技术方案在应用过程中存在一些局限性和不足，特别是在图元生成、系统扩展性、数据耦合度、跨平台兼容性以及编辑与展示的一致性方面。现有组态技术存在的问题如下：

3、1图元生成不便：现有组态软件在图元生成方面通常较为繁琐，用户需要手动创建或修改图元，缺乏批量生成图元的高效工具。

4、2扩展性限制：图元的特殊效果添加和二次开发通常较为复杂，缺乏灵活的扩展机制。

5、3高耦合度：系统与数据源的耦合度较高，导致与不同数据源的适配性差，限制了系统的通用性。

6、4跨平台能力不足：多数组态软件依赖于特定平台，难以实现跨平台应用，如移动端和桌面端的兼本文档来自技高网...

【技术保护点】

1.一种基于Web端的图元实时数据绑定与动态渲染方法，其特征在于，包括以下步骤：

2.根据权利要求1所述的一种基于Web端的图元实时数据绑定与动态渲染方法，其特征在于：在图元生成步骤S1中，所述图元转换器对SVG素材的预处理还包括：

3.根据权利要求2所述的一种基于Web端的图元实时数据绑定与动态渲染方法，其特征在于：在图元生成步骤中，所述属性配置面板的操作包括：

4.根据权利要求1所述的一种基于Web端的图元实时数据绑定与动态渲染方法，其特征在于：基础图元包括矩形、圆形、椭圆、多边形、菱形、文本以及HTML。

5.根据权利要求1所述的一种...

【技术特征摘要】

1.一种基于web端的图元实时数据绑定与动态渲染方法，其特征在于，包括以下步骤：

2.根据权利要求1所述的一种基于web端的图元实时数据绑定与动态渲染方法，其特征在于：在图元生成步骤s1中，所述图元转换器对svg素材的预处理还包括：

3.根据权利要求2所述的一种基于web端的图元实时数据绑定与动态渲染方法，其特征在于：在图元生成步骤中，所述属性配置面板的操作包括：

4.根据权利要求1所述的一种基于web端的图元实时数据绑定与动态渲染方法，其特征在于：基础图元包括矩形、...

【专利技术属性】
技术研发人员：王志伟，李晨光，李超，武育竹，王云飞，沈志峰，姚艳艳，汪政，程鹏，孙鹏，孟杰，王田进，王鸿洋，
申请(专利权)人：江苏深瑞汇阳能源科技有限公司，
类型：发明
国别省市：