基于可视化组件的大屏可视化页面配置方法和系统技术方案

本发明专利技术属于数据处理技术领域，特别涉及一种基于可视化组件的大屏可视化页面配置方法和系统；所述方法包括：对前端可视化控件进行封装，形成若干可视化组件，存储于可视化组件库中；在页面初始化过程中，根据页面配置信息加载对应的可视化组件，根据各可视化组件的数据取数逻辑，动态请求获取数据，完成数据加载和页面初始化工作；功能应用过程中，基于页面的框架布局，针对指定模块区域的可视化组件进行配置和调整，将配置和调整后的页面配置信息保存在页面配置库中。本发明专利技术通过针对可视化大屏进行适度定制开发，同时兼顾用户一定时期内的业务需求，进行前端可视化组件封装，支持用户基于页面模板化布局进行简单自定义配置。户基于页面模板化布局进行简单自定义配置。户基于页面模板化布局进行简单自定义配置。

【技术实现步骤摘要】
基于可视化组件的大屏可视化页面配置方法和系统


[0001]本专利技术属于数据处理
，特别涉及一种基于可视化组件的大屏可视化页面配置方法和系统。

技术介绍

[0002]大屏可视化系统，通常是将一些业务的关键指标以数据可视化的方式，在大屏页面上集中展示，经常用在公司的展览中心、城市交通管控中心、交易大厅等。大屏系统设计需要考虑的要素主要有如下几点：一是合理的指标设计，大屏首先是要服务于业务，合理的指标设计可以让业务内容更富有层次；二是合理的布局和配色，加上适当的动效设计，如背景动画、刷新的加载动画、轮播动画、图表的闪烁动画、地图的流向动画等等，可以增加大屏观感体验。三是针对同业对标的大屏系统中，在保证整体指标一致的基础上，还需要体现各系统的特色内容。为满足大屏可视化系统的这些功能需求，需要采用灵活的前端技术进行支撑。
[0003]目前大屏可视化的系统应用，一般有两种技术路线，一是通过提供自由配置页面元素的可视化编辑平台，由大屏设计人员，按照用户需求进行大屏页面设计；二是通过web功能页面开发，根据用户需求，进行功能页面定制。
[0004]这两种技术方案各有优缺点。对于基于可视化编辑平台，优点是不需要或者仅需要很少量的开发，支持快速搭建前端页面原型及框架。根据系统建设经验，一般初期由系统建设厂商负责搭建相关页面，正式运行后，由用户进行运维。但此类系统一般操作较为复杂，用户学习成本高，使用难度大；对于web功能页面开发，虽然可以灵活支持用户的定制化需求，但是系统建设周期长，后期系统投运后，不支持对页面进行任何调整，运维升级成本高。

技术实现思路

[0005]本专利技术的目的在于提供一种基于可视化组件的大屏可视化页面配置方法和系统，以解决现有大屏可视化的系统运维中存在的操作复杂、学习成本高、建设周期长、后期不支持对页面进行调整的技术问题。
[0006]为了实现上述目的，本专利技术采用如下技术方案：
[0007]基于可视化组件的大屏可视化页面配置方法，包括：
[0008]对前端可视化控件进行封装，形成若干可视化组件，存储于可视化组件库中；
[0009]在页面初始化过程中，根据页面配置信息加载对应的可视化组件，根据各可视化组件的数据取数逻辑，动态请求获取数据，完成数据加载和页面初始化工作；
[0010]功能应用过程中，基于页面的框架布局，针对指定模块区域的可视化组件进行配置和调整，将配置和调整后的页面配置信息保存在页面配置库中。
[0011]本专利技术进一步的改进在于：所述可视化组件通过前端可视化控件及关联数据的取数逻辑封装形成。
[0012]本专利技术进一步的改进在于：所述可视化组件中还包括配置信息，所述配置信息包括组件编号、组件名称、组件代码路径、组件数据类型、组件接口参数中的一种或多种。
[0013]本专利技术进一步的改进在于：所述针对指定模块区域的可视化组件进行配置和调整的步骤中，调整操作包括：可视化组件的替换、删除、隐藏、顺序调整中的一种或者多种。
[0014]本专利技术进一步的改进在于：所述可视化组件包括树图可视化组件、散点图可视化组件、柱状图可视化组件、网状图可视化组件、饼状图可视化组件、折线图可视化组件中一种或多种。
[0015]一种基于可视化组件的大屏可视化页面配置系统，包括：
[0016]可视化组件库，用于存储封装的若干可视化组件；
[0017]页面配置库，用于存储若干页面配置信息；
[0018]页面配置单元，用于加载选择的页面配置信息并进行编辑后存储。
[0019]本专利技术进一步的改进在于：所述可视化组件通过前端可视化控件及关联数据的取数逻辑封装形成。
[0020]本专利技术进一步的改进在于：所述可视化组件中还包括配置信息，所述配置信息包括组件编号、组件名称、组件代码路径、组件数据类型、组件接口参数中的一种或多种。
[0021]本专利技术进一步的改进在于：所述可视化组件包括树图可视化组件、散点图可视化组件、柱状图可视化组件、网状图可视化组件、饼状图可视化组件、折线图可视化组件中一种或多种。
[0022]本专利技术进一步的改进在于：所述编辑包括可视化组件的替换、删除、隐藏和顺序调整中一种或多种。
[0023]相对于现有技术，本专利技术具有以下有益效果：
[0024]本专利技术提出了一种基于可视化组件的大屏可视化页面配置方法和系统，系统建设期间，针对可视化大屏进行适度定制开发，同时兼顾用户一定时期内的业务需求，进行前端可视化组件封装，支持用户基于页面模板化布局进行简单配置，例如可视化组件的替换、删除、隐藏和顺序调整等。这种方式既可满足用户大屏可视化的定制化需求，又支持用户未来对大屏内容进行自定义的调整，同时配置内容简单，满足系统的常看常新需求。
[0025]本专利技术提出的前端可视化组件，包括了组件的后端数据接口，通过绑定数据服务，实现前端可视化组件的即插即用。
[0026]为避免用户从零开始搭建系统页面，本专利技术通过提供若干基础大屏页面框架布局，支持用户在指定页面模板上，通过配置，替换相应的可视化组件，实现页面的自定义配置。
附图说明
[0027]构成本专利技术的一部分的说明书附图用来提供对本专利技术的进一步理解，本专利技术的示意性实施例及其说明用于解释本专利技术，并不构成对本专利技术的不当限定。在附图中：
[0028]图1为本专利技术一种基于可视化组件的大屏可视化页面配置方法的流程示意图；
[0029]图2为本专利技术一种基于可视化组件的大屏可视化页面配置系统的结构框图。
具体实施方式
[0030]下面将参考附图并结合实施例来详细说明本专利技术。需要说明的是，在不冲突的情况下，本专利技术中的实施例及实施例中的特征可以相互组合。
[0031]以下详细说明均是示例性的说明，旨在对本专利技术提供进一步的详细说明。除非另有指明，本专利技术所采用的所有技术术语与本专利技术所属领域的一般技术人员的通常理解的含义相同。本专利技术所使用的术语仅是为了描述具体实施方式，而并非意图限制根据本专利技术的示例性实施方式。
[0032]用户权限控制：根据系统设置的安全规则或者安全策略，使用户可以访问而且只能访问自己被授权的资源，包括数据资源和页面资源。
[0033]前端组件化：组件化是指把重复的代码提取出来，合并成为一个个组件，以支持功能得到复用，位于框架最底层，其他功能都依赖于组件，可供不同功能使用，独立性强。对于大屏可视化组件来说，组件化不仅包含前端控件可视化效果，还包括相应后端数据服务接口封装。一个完整的大屏前端可视化组件，可面向系统开发者或系统配置管理员提供服务。
[0034]实施例1
[0035]本专利技术提供了一种基于可视化组件的大屏可视化页面配置方法，以前端组件化技术为基础，通过将前端可视化控件进行模块封装，并绑定相应的数据请求参数和接口，完成粗颗粒度的组件封装，实现即插即用的可视化效果。这种颗粒度的组件化封装，其关键技术在于配置信息的整理。
[0036]为简化用户的配本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.基于可视化组件的大屏可视化页面配置方法，其特征在于，包括：对前端可视化控件进行封装，形成若干可视化组件，存储于可视化组件库中；在页面初始化过程中，根据页面配置信息加载对应的可视化组件，根据各可视化组件的数据取数逻辑，动态请求获取数据，完成数据加载和页面初始化工作；功能应用过程中，基于页面的框架布局，针对指定模块区域的可视化组件进行配置和调整，将配置和调整后的页面配置信息保存在页面配置库中。2.根据权利要求1所述的基于可视化组件的大屏可视化页面配置方法，其特征在于，所述可视化组件通过前端可视化控件及关联数据的取数逻辑封装形成。3.根据权利要求1所述的基于可视化组件的大屏可视化页面配置方法，其特征在于，所述可视化组件中还包括配置信息，所述配置信息包括组件编号、组件名称、组件代码路径、组件数据类型、组件接口参数中的一种或多种。4.根据权利要求1所述的基于可视化组件的大屏可视化页面配置方法，其特征在于，所述针对指定模块区域的可视化组件进行配置和调整的步骤中，调整操作包括：可视化组件的替换、删除、隐藏、顺序调整中的一种或者多种。5.根据权利要求1所述的基于可视化组件的大屏可视化页面配置方法，其特征在于，所述可视化组件包括树图可视...

【专利技术属性】
技术研发人员：许中平，甘永平，曹鹏飞，王静，谢超，赵飞宇，
申请(专利权)人：国网思极数字科技北京有限公司，
类型：发明
国别省市：