CN111611267A - 一种将数据库数据转换为json对象配置可视化图表的方法 - Google Patents

Abstract

本发明公开了一种将数据库数据转换为JSON对象配置可视化图表的方法，该方法包括：S1：前端根据需求定制多种类型图表，图表具体包含文本图表、环形图表、折线图表、柱状图表、条状图表、表格图表、累计图表、地图图表及气泡图表，对于不同类型的图表所需的JSON对象不同，但有统一的标准数据格式；S2：运用后台生成前端定制的JSON格式。本发明的有益效果：能够将数据库中查询出的数据转换成可视化图表所需的JSON格式，包含图表类型、指标、分页信息及各种类型数据，前端接收此JSON对象运用百度ECharts工具即快速生成所要展示的各种图表，如柱状图表、折线图表、环形图表、累计图表、地图图表，该方法使用简单灵活，有利于节约开发时间和成本，有较高的经济价值。

Description

一种将数据库数据转换为JSON对象配置可视化图表的方法

技术领域

本发明涉及计算机技术领域，具体来说，涉及一种将数据库数据转换为JSON对象配置可视化图表的方法。

背景技术

JSON(JavaScript Object Notation)是一种轻量级的数据交换格式，采用完全独立于编程语言的文本格式来存储和表示数据，简洁和清晰的层次结构使得JSON成为理想的数据交换语言，易于人们阅读和编写，同时也易于机器解析和生成，并有效地提升网络传输效率，现在正处于大数据的时代，有数据的地方，就会少不了数据的可视化，数据可视化可以让数据呈现的更加直观、及时，而又简单，数据可视化的应用贯穿于多个行业，如商业智能、金融、新闻媒体、销售、财务、运营、公共服务等。

如今存在许多BI软件实现数据可视化操作，但功能复杂体积较大，使用不够灵活，本申请提出的方法，能够快速地从数据库产生可视化图表所需的JSON对象，此JSON对象包含图表类型、指标、分页信息、各种类型数据等，前端接收此JSON对象再利用百度ECharts工具即快速生成所要展示的各种图表，如柱状图、折线图、环形图、累计图、地图等。

发明内容

针对相关技术中的上述技术问题，本发明提出一种将数据库数据转换为JSON对象配置可视化图表的方法，能够快速地将数据库中查询出的数据转换成可视化图表所需的JSON格式，前端运用JSON对象生成所要展示的各种图表，方法使用简单灵活，节约开发时间及成本。

为实现上述技术目的，本发明的技术方案是这样实现的：一种将数据库数据转换为JSON对象配置可视化图表的方法，其特征在于，该方法包括以下步骤：

S1：前端根据需求定制多种类型图表，图表具体包含文本图表、环形图表、折线图表、柱状图表、条状图表、表格图表、累计图表、地图图表及气泡图表，对于不同类型的图表所需的JSON对象不同，但有统一的标准数据格式；

S2：运用后台生成前端定制的JSON格式，进一步包括：

S2.1 根据前端所需类型图表输入相应查询条件；

S2.2 判断查询条件格式是否满足要求；

S2.3 验证是否有权限访问报表，若没有权限，则返回状态参数502及其它相应信息；

S2.4 对sql语句进行拼接，不同类型图表需要的sql语句不同；

S2.5 查询的同时对数据进行处理，包含空数据处理、数据格式处理、数据长度处理及数据计算；

S2.6 根据从数据库查询的JSON Array和其他配置参数生成前端定制的JSON格式数据，返回结果为Result Chart DTO模型，该模型包含表格基础信息及表格数据信息；

S2.7 不同类型的图表具有不同的Result Chart DTO，但有统一的标准数据格式；

S2.8 判断返回结果Result Chart DTO是否为空，若查询失败，则返回最终结果为ApiResult，并包含状态参数502及相应信息，若查询成功，则返回最终结果为Api Result，包含前端定制的JSON格式数据及相应信息。

进一步地，所述的S1具体包括以下步骤：

S1.1 该数据格式主要为表格基础信息与表格数据信息，其中，表格基础信息包含报表接口别名、图表类型、指标、单位、分页信息、报表是否有tab页签、报表是否有过滤列、报表是否有排序列，表格数据信息由一个或多个数据块组成，数据块包含数据块名称及数据块数据，数据块数据由表行名和若干条行数据组成。

进一步地，所述的S2.4具体包括以下步骤：

S2.4.1 从数据库查询数据，并在回调中分别处理结果集为实现通用查询接口，但是，对结果的解析中每个查询并不相同，因此查询结果使用匿名内部类实现回调解析，最后统一采用JSON Array返回结果。

进一步地，所述的S2.5具体包括以下步骤：

S2.5.1 空数据处理：Null及“空”两种数据直接删除数据所在行；

S2.5.2 数据格式处理：小数位数、分隔位数、货币符号、百分比、时间/日期；

S2.5.3 数据长度处理：若不足1万，则全部显示，若达到1万后，则显示X.Yw，其中当Y=0时不显示小数；

S2.5.4 数据计算包含分数计算。

进一步地，所述的S2.6具体包括以下步骤：

S2.6.1 表格基础信息包含报表key、表头、单位、图表类型、分页信息、报表是否有tab页签、报表是否有过滤列、报表是否有排序列，表格数据信息为前端展示图表所需的JSON格式数据，包含一个或多个数据块，多数据块用于对比，每个数据块由数据块名称及数据块数据组成，数据块数据由表行名和若干条行数据组成。

进一步地，所述的S2.7具体包括以下步骤：

S2.7.1 数据格式包含：文本图表形式的数据格式、环形图表形式的数据格式、折线图表形式的数据格式、柱状图表形式的数据格式、条状图表形式的数据格式、表格图表形式的数据格式、累计图表形式的数据格式、地图图表形式的数据格式、气泡图表形式的数据格式。

进一步地，所述的S2.6.1具体包括以下步骤：

S2.6.1.1 每个数据块由数据块名称及数据块数据组成，数据块数据由表行名和若干条行数据组成，把JSON Array转换为Result Chart DTO过程中，关键是数据块数据的转换获取，其中重要的步骤为查询JSON Array中每个JSON Object的每个字段，若与数据块数据中的表行名相匹配，则把JSON Object中这个字段对应的数据赋予数据块数据中相应的行数据。

本发明的有益效果：鉴于现有技术中存在的不足，本申请能够快速地将数据库中查询出的数据转换成可视化图表所需的JSON格式，该格式包含图表类型、指标、分页信息及各种类型数据，前端接收此JSON对象运用百度ECharts工具即快速生成所要展示的各种图表，如柱状图表、折线图表、环形图表、累计图表、地图图表，该方法使用简单灵活，有利于节约开发时间和成本，有较高的经济价值。

附图说明

为了更清楚地说明本发明实施例或现有技术中的技术方案，下面将对实施例中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本发明的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。

图1是根据本发明实施例所述的将数据库数据转换为JSON对象配置可视化图表的方法获取前端定制JSON格式数据的流程框图。

具体实施方式

下面将结合本发明实施例中的附图，对本发明实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本发明一部分实施例，而不是全部的实施例。基于本发明中的实施例，本领域普通技术人员所获得的所有其他实施例，都属于本发明保护的范围。

如图1所示，根据本发明实施例所述的将数据库数据转换为JSON对象配置可视化图表的方法，该方法包括以下步骤：

S1：前端根据需求定制多种类型图表，图表具体包含文本图表、环形图表、折线图表、柱状图表、条状图表、表格图表、累计图表、地图图表及气泡图表，对于不同类型的图表所需的JSON对象不同，但有统一的标准数据格式；

S2：运用后台生成前端定制的JSON格式，进一步包括：

S2.1 根据前端所需类型图表输入相应查询条件；

S2.2 判断查询条件格式是否满足要求；

S2.3 验证是否有权限访问报表，若没有权限，则返回状态参数502及其它相应信息；

S2.4 对sql语句进行拼接，不同类型图表需要的sql语句不同；

S2.5 查询的同时对数据进行处理，包含空数据处理、数据格式处理、数据长度处理及数据计算；

S2.6 根据从数据库查询的JSON Array和其他配置参数生成前端定制的JSON格式数据，返回结果为Result Chart DTO模型，该模型包含表格基础信息及表格数据信息；

S2.7 不同类型的图表具有不同的Result Chart DTO，但有统一的标准数据格式；

S2.8 判断返回结果Result Chart DTO是否为空，若查询失败，则返回最终结果为ApiResult，并包含状态参数502及相应信息，若查询成功，则返回最终结果为Api Result，包含前端定制的JSON格式数据及相应信息。

本发明的一个具体实施例中，

前端定制图表类型，前端根据需求定制多种类型图表，图表具体包含文本图表、环形图表、折线图表、柱状图表、条状图表、表格图表、累计图表、地图图表及气泡图表，对于不同类型的图表所需的JSON对象不同，但有统一的标准数据格式，具体如下：

{

"code":200,

"msg":"",

"data":{

"config":{ //基础信息/配置信息

"chart_key":"sczk_gk_v2", //报表接口别名

"type":0, //图表类型

"headers":["IP","PV"], //指标 (表头)

"units":["万元","个"], //单位

"page_info":{ //分页信息（表格需要，非表格数据可不返）

"page_no":2, //当前页码

"page_size":20, //每页条数

"total_size":200 //总条数

},

"have_tab":false, //报表是否有tab页签

"have_filter":false, //报表是否有过滤列

"have_sort":false //报表是否有排序列

},

"data": [ //具体数据信息

{ //对比数据块一

"name":"08-07", //对比名称（无对比可传空字符串）

"data":[ //表

{ //行信息

"b_name":"12:00", //表行名

"b_data":["29","19"] //行数据

}，

{

"b_name":"13:00", //表行名

"b_data":["29","19"] //行数据

}，

{。。。。。。}

]

},

{。。。。。。}，//对比数据块二

{。。。。。。}，//对比数据块三

]

}

}

该数据格式主要为表格基础信息与表格数据信息，其中，表格基础信息包含报表接口别名、图表类型、指标、单位、分页信息、报表是否有tab页签、报表是否有过滤列、报表是否有排序列，表格数据信息由一个或多个数据块组成，数据块包含数据块名称及数据块数据，数据块数据由表行名和若干条行数据组成。

本发明的一个具体实施例中，

运用后台生成前端定制的JSON格式，进一步包括：首先根据前端所需类型图表输入相应查询条件，判断查询条件格式是否满足要求，时间格式为2019-01-01或者2019-01，公司ID为Long型，登录用户企业等级为int型等，然后在验证是否有权限访问报表，若没有权限，则返回状态参数502及其它相应信息，个人用户无法访问；其次对sql语句进行拼接，不同类型图表需要的sql语句不同，从数据库查询数据，并在回调中分别处理结果集为实现通用查询接口，但是，对结果的解析中每个查询并不相同，因此查询结果使用匿名内部类实现回调解析，最后统一采用JSON Array返回结果；然后空数据处理：Null及“空”两种数据直接删除数据所在行，数据格式处理：小数位数、分隔位数、货币符号、百分比、时间/日期，数据长度处理：若不足1万，则全部显示，若达到1万后，则显示X.Yw，其中当Y=0时不显示小数，数据计算包含分数计算；其次根据从数据库查询的JSON Array和其他配置参数生成前端定制的JSON格式数据，返回结果为Result Chart DTO模型，该模型包含表格基础信息及表格数据信息，表格基础信息包含报表key、表头、单位、图表类型、分页信息、报表是否有tab页签、报表是否有过滤列、报表是否有排序列，表格数据信息为前端展示图表所需的JSON格式数据，包含一个或多个数据块，多数据块用于对比，每个数据块由数据块名称及数据块数据组成，数据块数据由表行名和若干条行数据组成，每个数据块由数据块名称及数据块数据组成，数据块数据由表行名和若干条行数据组成，把JSON Array转换为Result Chart DTO过程中，关键是数据块数据的转换获取，其中重要的步骤为查询JSON Array中每个JSON Object的每个字段，若与数据块数据中的表行名相匹配，则把JSON Object中这个字段对应的数据赋予数据块数据中相应的行数据，不同类型的图表具有不同的Result Chart DTO，但有统一的标准数据格式，最后判断返回结果Result Chart DTO是否为空，若查询失败，则返回最终结果为Api Result，并包含状态参数502及相应信息，若查询成功，则返回最终结果为ApiResult，包含前端定制的JSON格式数据及相应信息。

本发明的一个具体实施例中，

不同类型的图表具有不同的Result Chart DTO，但有统一的标准数据格式，具体数据格式包括：

文本图表形式的数据格式，对应前述标准数据格式，此时在表格基础信息部分，字段chart_key值为sczk_gk_v2，字段type值为0，字段headers值为销售总额、客户数量，字段units值为万元、个，字段page_no、page_size、total_size值都为0，字段have_tab、have_filter、have_sort值都为false，在表格数据信息部分，只有一个数据块，其中字段name值为空，字段b_name值为空，字段b_data值为10455.881000、29；

环形图表形式的数据格式，对应前述标准数据格式，此时在表格基础信息部分，字段chart_key值为khq_khgm_v2，字段type值为1，字段headers值为销售金额，字段units值为万元，字段page_no、page_size、total_size值都为0，字段have_tab、have_filter、have_sort值都为false，在表格数据信息部分，只有一个数据块，数据块中字段name值为空，数据块数据中有多条行信息，例如第一条中字段b_name值为100以下，字段b_data值为1285.545200，与图中相对应，其余类似；

折线图表形式的数据格式，对应前述标准数据格式，此时在表格基础信息部分，字段chart_key值为sczk_yxs_qs_v2，字段type值为2，字段headers值为销售金额、销售笔数，字段units值为万元、单，字段page_no、page_size、total_size值都为0，字段have_tab、have_filter、have_sort值都为false。在表格数据信息部分，有两个数据块，例如第一个数据块中字段name值为能力，数据块数据中有多条行信息，例如第一条中字段b_name值为2019-04，字段b_data值为0、0，与图中相对应，其余数据块类似；

柱状图表形式的数据格式，对应前述标准数据格式，此时在表格基础信息部分，字段chart_key值为cwrl_gzccb_gzccbjnzsfx2_v2，字段type值为3，字段headers值为目标值、实际值，字段units值为空，字段page_no、page_size、total_size值都为0，字段have_tab、have_filter、have_sort值都为false，在表格数据信息部分，只有一个数据块，数据块中字段name值为空，数据块数据中有多条行信息，例如第一条中字段b_name值为2017，字段b_data值为0.000000、1.649714，与图中相对应，其余类似；

条状图表形式的数据格式，对应前述标准数据格式，此时在表格基础信息部分，字段chart_key值为ywfb_ywfwfb_ly_v2，字段type值为4，字段headers值为数量，字段units值为万元，字段page_no、page_size、total_size值都为0，字段have_tab、have_filter、have_sort值都为false，在表格数据信息部分，只有一个数据块，数据块中字段name值为空，数据块数据中有多条行信息，其余类似；

表格图表形式的数据格式，对应前述标准数据格式，此时在表格基础信息部分，字段chart_key值为ywfb_ywfbxq_v2，字段type值为5，字段headers值为销售单位名称、客户单位名称、客户省份、交易编号、金额、成交时间、销售业务类型、成交方式、里程数，字段units值为空、空、空、空、万元、空、空、空、公里，字段page_no、page_size、total_size值分别为1、10、100，字段have_tab、have_filter、have_sort值分别为false、true、true，在表格数据信息部分，只有一个数据块，数据块中字段name值为空，数据块数据中有多条行信息，其余类似；

累计图表形式的数据格式，对应前述标准数据格式，此时在表格基础信息部分，字段chart_key值为sczk_xsyw_fl_v2，字段type值为6，字段headers值为金额，字段units值为万元，字段page_no、page_size、total_size值都为0，字段have_tab、have_filter、have_sort值都为false，在表格数据信息部分，有多个数据块，例如第一个数据块中字段name值为设计，数据块数据中有多条行信息，其余类似；

地图图表形式的数据格式，对应前述标准数据格式，此时在表格基础信息部分，字段chart_key值为ywfb_ywfwfb_sf_v2，字段type值为7，字段headers值为数量，字段units值为万元，字段page_no、page_size、total_size值都为0，字段have_tab、have_filter、have_sort值都为false，在表格数据信息部分，只有一个数据块，数据块中字段name值为空，数据块数据中有多条行信息，其余类似；

气泡图表形式的数据格式，对应前述标准数据格式，此时在表格基础信息部分，字段chart_key值为yw_ywfw_sf_v2，字段type值为8，字段headers值为产品数量，字段units值为空，字段page_no、page_size、total_size值都为0，字段have_tab、have_filter、have_sort值都为false。在表格数据信息部分，只有一个数据块，数据块中字段name值为空，数据块数据中有多条行信息，其余类似。

为了方便理解本发明的上述技术方案，以下通过具体使用方式上对本发明的上述技术方案进行详细说明。

在具体使用时，根据本发明所述的将数据库数据转换为JSON对象配置可视化图表的方法，如图1所示，

首先，前端根据需求定制多种类型图表，图表具体包含文本图表、环形图表、折线图表、柱状图表、条状图表、表格图表、累计图表、地图图表及气泡图表，对于不同类型的图表所需的JSON对象不同，但有统一的标准数据格式，其次，运用后台生成前端定制的JSON格式，具体包括：根据前端所需类型图表输入相应查询条件，判断查询条件格式是否满足要求，验证是否有权限访问报表，若没有权限，则返回状态参数502及其它相应信息，对sql语句进行拼接，不同类型图表需要的sql语句不同，查询的同时对数据进行处理，包含空数据处理、数据格式处理、数据长度处理及数据计算，根据从数据库查询的JSON Array和其他配置参数生成前端定制的JSON格式数据，返回结果为Result Chart DTO模型，该模型包含表格基础信息及表格数据信息，不同类型的图表具有不同的Result Chart DTO，但有统一的标准数据格式，判断返回结果Result Chart DTO是否为空，若查询失败，则返回最终结果为ApiResult，并包含状态参数502及相应信息，若查询成功，则返回最终结果为Api Result，包含前端定制的JSON格式数据及相应信息。

综上所述，借助于本发明的上述技术方案，本申请可快速地从数据库产生可视化图表所需的JSON对象，此JSON对象包含图表类型、指标、分页信息及各种类型数据，前端接收此JSON对象，运用百度Echarts工具即快速生成所要展示的各种图表，如柱状图表、折线图表、环形图表、累计图表、地图图表等。

以上所述仅为本发明的较佳实施例而已，并不用以限制本发明，凡在本发明的精神和原则之内，所作的任何修改、等同替换、改进等，均应包含在本发明的保护范围之内。

Claims (7)

1.一种将数据库数据转换为JSON对象配置可视化图表的方法，其特征在于，该方法包括以下步骤：

S1：前端根据需求定制多种类型图表，图表具体包含文本图表、环形图表、折线图表、柱状图表、条状图表、表格图表、累计图表、地图图表及气泡图表，对于不同类型的图表所需的JSON对象不同，但有统一的标准数据格式；

S2：运用后台生成前端定制的JSON格式，进一步包括：

S2.1 根据前端所需类型图表输入相应查询条件；

S2.2 判断查询条件格式是否满足要求；

S2.3 验证是否有权限访问报表，若没有权限，则返回状态参数502及其它相应信息；

S2.4 对sql语句进行拼接，不同类型图表需要的sql语句不同；

S2.5 查询的同时对数据进行处理，包含空数据处理、数据格式处理、数据长度处理及数据计算；

S2.6 根据从数据库查询的JSON Array和其他配置参数生成前端定制的JSON格式数据，返回结果为Result Chart DTO模型，该模型包含表格基础信息及表格数据信息；

S2.7 不同类型的图表具有不同的Result Chart DTO，但有统一的标准数据格式；

S2.8 判断返回结果Result Chart DTO是否为空，若查询失败，则返回最终结果为ApiResult，并包含状态参数502及相应信息，若查询成功，则返回最终结果为Api Result，包含前端定制的JSON格式数据及相应信息。

2.根据权利要求1所述的将数据库数据转换为JSON对象配置可视化图表的方法，其特征在于，所述的S1具体包括以下步骤：

S1.1 该数据格式主要为表格基础信息与表格数据信息，其中，表格基础信息包含报表接口别名、图表类型、指标、单位、分页信息、报表是否有tab页签、报表是否有过滤列、报表是否有排序列，表格数据信息由一个或多个数据块组成，数据块包含数据块名称及数据块数据，数据块数据由表行名和若干条行数据组成。

3.根据权利要求1所述的将数据库数据转换为JSON对象配置可视化图表的方法，其特征在于，所述的S2.4具体包括以下步骤：

S2.4.1 从数据库查询数据，并在回调中分别处理结果集为实现通用查询接口，但是，对结果的解析中每个查询并不相同，因此查询结果使用匿名内部类实现回调解析，最后统一采用JSON Array返回结果。

4.根据权利要求1所述的将数据库数据转换为JSON对象配置可视化图表的方法，其特征在于，所述的S2.5具体包括以下步骤：

S2.5.1 空数据处理：Null及“空”两种数据直接删除数据所在行；

S2.5.2 数据格式处理：小数位数、分隔位数、货币符号、百分比、时间/日期；

S2.5.3 数据长度处理：若不足1万，则全部显示，若达到1万后，则显示X.Yw，其中当Y=0时不显示小数；

S2.5.4 数据计算包含分数计算。

5.根据权利要求1所述的将数据库数据转换为JSON对象配置可视化图表的方法，其特征在于，所述的S2.6具体包括以下步骤：

S2.6.1 表格基础信息包含报表key、表头、单位、图表类型、分页信息、报表是否有tab页签、报表是否有过滤列、报表是否有排序列，表格数据信息为前端展示图表所需的JSON格式数据，包含一个或多个数据块，多数据块用于对比，每个数据块由数据块名称及数据块数据组成，数据块数据由表行名和若干条行数据组成。

6.根据权利要求1所述的将数据库数据转换为JSON对象配置可视化图表的方法，其特征在于，所述的S2.7具体包括以下步骤：

S2.7.1 数据格式包含：文本图表形式的数据格式、环形图表形式的数据格式、折线图表形式的数据格式、柱状图表形式的数据格式、条状图表形式的数据格式、表格图表形式的数据格式、累计图表形式的数据格式、地图图表形式的数据格式、气泡图表形式的数据格式。

7.根据权利要求5所述的将数据库数据转换为JSON对象配置可视化图表的方法，其特征在于，所述的S2.6.1具体包括以下步骤：

S2.6.1.1 每个数据块由数据块名称及数据块数据组成，数据块数据由表行名和若干条行数据组成，把JSON Array转换为Result Chart DTO过程中，关键是数据块数据的转换获取，其中重要的步骤为查询JSON Array中每个JSON Object的每个字段，若与数据块数据中的表行名相匹配，则把JSON Object中这个字段对应的数据赋予数据块数据中相应的行数据。

Images