基于配置的数据可视化实现方法技术

本发明专利技术公开了一种基于配置的数据可视化实现方法，包括如下步骤：服务端和客户端协商制定数据结构，约定数据字段的含义和解析规则；客户端搭建视图模板文件，封装可视化图表模板绘制方法；将界面视图分为若干个模块视图，每个模块视图绑定一个字段数据；将图表绘制按类型进行归类，用特定字段区分图表类型，对图表数据字段进行解析处理，将解析处理得到的数据绑定到图表配置项，实现图表的绘制；本发明专利技术具有修改或者增删配置数据时，只需要修改公共的视图模板和绘制方法，对应的视图会根据数据进行改变的特点。

Data visualization based on configuration

【技术实现步骤摘要】
基于配置的数据可视化实现方法
本专利技术涉及数据可视化
，尤其是涉及一种在修改或者增删配置数据时，只需要修改公共的视图模板和绘制方法的基于配置的数据可视化实现方法。
技术介绍
数据可视化：是将数据库中每一个数据项作为单个图元元素表示，大量的数据集构成数据图像，同时将数据的各个属性值以多维数据的形式表示，可以从不同的维度观察数据。服务端：是为客户端服务的，服务的内容诸如向客户端提供资源数据，保存客户端数据。客户端：较常用的包括了如万维网使用的网页浏览器，收寄电子邮件时的电子邮件客户端，以及即时通讯的客户端软件等。本文网络连接模式为B/S模式(浏览器端/服务器端)，所以客户端特指网页浏览器端，即人机界面。JSON：JSON(JavaScriptObjectNotation)是一种轻量级的数据交换格式，采用完全独立于编程语言的文本格式来存储和表示数据。DOM：文档对象模型(DocumentObjectModel，简称DOM)，是W3C组织推荐的处理可扩展标志语言的标准编程接口。在网页上，组织页面(或文档)的对象被本文档来自技高网...

【技术保护点】
1.一种基于配置的数据可视化实现方法，其特征是，包括如下步骤：/n步骤1：服务端和客户端协商制定数据结构，约定数据字段的含义和解析规则；/n步骤2：客户端搭建视图模板文件，封装可视化图表模板绘制方法：/n(1)将界面视图分为若干个模块视图，每个模块视图绑定一个字段数据；/n(2)将图表绘制按类型进行归类，用特定字段区分图表类型，对图表数据字段进行解析处理，将解析处理得到的数据绑定到图表配置项，实现图表的绘制；/n步骤3：服务端依据制定的数据结构，配置数据库字段，读取数据库数据给客户端；/n步骤4：客户端请求到服务端发送的数据后，解析数据结构，根据数据内容将数据绑定到视图模板文件；/n如果绑定视...

【技术特征摘要】
1.一种基于配置的数据可视化实现方法，其特征是，包括如下步骤：
步骤1：服务端和客户端协商制定数据结构，约定数据字段的含义和解析规则；
步骤2：客户端搭建视图模板文件，封装可视化图表模板绘制方法：
(1)将界面视图分为若干个模块视图，每个模块视图绑定一个字段数据；
(2)将图表绘制按类型进行归类，用特定字段区分图表类型，对图表数据字段进行解析处理，将解析处理得到的数据绑定到图表配置项，实现图表的绘制；
步骤3：服务端依据制定的数据结构，配置数据库字段，读取数据库数据给客户端；
步骤4：客户端请求到服务端发送的数据后，解析数据结构，根据数据内容将数据绑定到视图模板文件；
如果绑定视图模板的数据字段的值为空，则客户端浏览器最终的视图界面不会渲染该视图模板；如果绑定视图模板的数据字段的存在值，则客户端浏览器最终的视图界面会按照配置数据渲染渲染该视图模板。


2.根据权利要求1所述的基于配置的数据可视化实现方法，其特征是，制定外层的数据结构(总模板框架配置项数据)，约定字段的具体含义和解析规则如下：
约定字段”chartEnergy”为数据数组的外层，数据数组的内层为具体配置数据对象；
约定字段”topData”为统计数据信息，约定字段”data”为图表配置数据；
约定字段”ringData”为占比数据信息，约定字段”outerWidth”为图表宽度；
约定字段”alarmD...

【专利技术属性】
技术研发人员：张慧慧，丁康，曹辉，张帅东，臧亚星，徐震辉，王雯，
申请(专利权)人：浙江浙大中控信息技术有限公司，
类型：发明
国别省市：浙江;33