CN110853117A

CN110853117A - 图表绘制方法、装置、设备及存储介质

Info

Publication number: CN110853117A
Application number: CN201911144240.8A
Authority: CN
Inventors: 陈雅婷; 林挺; 卢道和
Original assignee: WeBank Co Ltd
Current assignee: WeBank Co Ltd
Priority date: 2019-11-20
Filing date: 2019-11-20
Publication date: 2020-02-28
Anticipated expiration: 2039-11-20
Also published as: WO2021098579A1; CN110853117B

Abstract

本发明公开了一种图表绘制方法、装置、设备及存储介质，该方法通过获取预设形式的多个子系列数组，使得各组数据个数不一和/或标签类型不同的多组数据也能够等待处理，扩大了数据可视化插件中待处理数据的处理范围；通过拆分各个数组元素，使得数组元素的标签参数与数值参数分开各自组成新的数组，打破了现有方案中的标签与数值作为一个整体的固有形式；通过获取标签数组、数值数组与目标配置参数与预设默认配置参数，使得能够根据这些参数完成目标嵌套图表对应全部配置项的参数配置，最终生成预设形式的多组数据对应的嵌套图表。

Description

图表绘制方法、装置、设备及存储介质

技术领域

本发明涉及金融科技(Fintech)技术领域，尤其涉及图表绘制方法、装置、设备及计算机可读存储介质。

背景技术

随着计算机技术的发展，越来越多的技术应用在金融领域，传统金融业正在逐步向金融科技(Fintech)转变，但由于金融行业的安全性、实时性要求，也对技术提出了更高的要求。

对于银行的前端开发领域，通常以动态处理数据、动态绘制图表来实现金融图形的动态绘制。目前，市场上的数据可视化绘制插件，例如Echartrs，基于现有方案对图表的配置项进行配置，虽然能够实现大部分图表(如柱状图、折线图、饼图等)的绘制需求，但实现方式比较单一，对待处理数据的形式有一定限制，例如在绘制嵌套柱状图时要求每组数据的个数统一，且每组数组对应标签的种类一致，若不满足限制要求，即每组数据的个数不统一或者每组数组对应标签的种类不一致，则会导致数据可视化插件的现有方案绘制嵌套图表失败，若是要个性化设置，只能再分别设置，由此导致了基于数据可视化绘制插件的图表绘制效率低下的问题。

发明内容

本发明的主要目的在于提出一种图表绘制方法、装置、设备及计算机可读存储介质，旨在解决了基于数据可视化绘制插件的图表绘制效率低下的技术问题。

为实现上述目的，本发明提供一种图表绘制方法，所述图表绘制方法包括：

在接收到图表绘制指令时，获取所述图表绘制指令中的多个子系列数组；

在多个子系列数组为预设形式数组时，将多个子系列数组中的数组元素进行拆分，并生成标签数组和所述标签数组对应的数值数组，其中，所述预设形式数组为各个数组元素个数不一和/或各个数组的标签种类不同的多个数组；

根据所述数值数组，生成目标配置参数，并根据预设默认配置参数、所述标签数组、数值数组与目标配置参数，生成多个子系列数组对应的目标嵌套图表。

可选地，所述在多个子系列数组为预设形式数组时，将多个子系列数组中的数组元素进行拆分，并生成标签数组和所述标签数组对应的数值数组的步骤具体包括：

判断多个子系列数组是否为所述形式数组；

若多个子系列数组为所述形式数组，则循环遍历各个子系列数组，并分别获取各个子系列数值参数，以及与各个子系列数值参数对应的各个子系列标签参数；

将全部子系列标签参数作为所述标签数组，并将全部子系列数值参数作为所述数值数组。

可选地，所述根据所述数值数组，生成目标配置参数的步骤，并根据预设默认配置参数、所述标签数组、数值数组与目标配置参数，生成多个子系列数组对应的目标嵌套图表的步骤具体包括：

获取所述数值数组中数值参数的总个数，以及各个子系列数组对应的各个子系列数值参数的个数，并基于所述总个数与各个子系列数值参数的个数，生成所述目标配置参数中的坐标位置参数；

将所述数值数组中的全部数值参数进行比较，获取所述全部数值参数中的最大值，并基于所述最大值生成所述目标配置参数中的目标数值参数；

将所述标签数组、数值数组与目标配置参数作为动态配置参数，所述预设默认配置参数作为静态配置参数，以基于所述动态配置参数和所述静态配置参数生成多个子系列数组对应的目标嵌套图表。

可选地，所述根据所述数值数组，生成目标配置参数，并根据预设默认配置参数、所述标签数组、数值数组与目标配置参数，生成多个子系列数组对应的目标嵌套图表的步骤之后，还包括：

基于提示框组件中的回调函数对所述动态配置参数进行格式化操作；

根据超文本标记语言、层叠样式表与所述回调函数，重新定义所述提示框组件，以基于重新定义后的提示框组件显示提示框。

可选地，所述根据超文本标记语言、层叠样式表与所述回调函数，重新定义所述提示框组件，以基于重新定义后的提示框组件显示提示框的步骤之后，还包括：

接收用户触发的数据显示指令，根据所述数据显示指令中的选择信息，确定所述目标嵌套图表中的选定图表；

获取所述选定图表对应的选定标签参数与选定数值参数，以重新定义所述提示框组件，并基于所述重新定义后的提示框组件更新所述提示框，其中，所述选定标签参数与选定数值参数显示在所述提示框中。

可选地，所述获取所述选定图表对应的选定标签参数与选定数值参数，以重新定义所述提示框组件，并基于所述重新定义后的提示框组件更新所述提示框的步骤之后，还包括：

接收用户触发的隐藏显示指令，并获取所述隐藏显示指令中的指定隐藏信息；

根据所述指定隐藏信息，取消显示所述目标嵌套图表中的第一子系列图表，其中，所述第一子系列图表为多个子系列数组中的第一子系列数组对应的图表。

可选地，所述接收用户触发的隐藏显示指令，并获取所述隐藏显示指令中的指定隐藏信息的步骤之后还包括：

基于全部所述数组元素中除去所述第一子系列数组后的数组元素，更新所述目标配置参数；

根据更新后的目标配置参数，更新显示其他子系列图表，其中，所述其他子系列图表为所述目标嵌套图表中除所述第一子系列图表外的图表。

如上述的图表绘制方法，所述图表绘制方法还包括：

在接收到数据获取指令时，获取所述数据获取指令中的原始数据；

对所述原始数据进行分类处理，并生成多个子系列数组。

此外，为实现上述目的，本发明还提供一种图表绘制装置，所述图表绘制装置包括：

数组元素获取模块，用于在接收到图表绘制指令时，获取所述图表绘制指令中的多个子系列数组；

数组元素拆分模块，用于在多个子系列数组为预设形式数组时，将多个子系列数组中的数组元素进行拆分，并生成标签数组和所述标签数组对应的数值数组，其中，所述预设形式数组为各个数组元素个数不一和/或各个数组的标签种类不同的多个数组；

目标图表生成模块，用于根据所述数值数组，生成目标配置参数，并根据预设默认配置参数、所述标签数组、数值数组与目标配置参数，生成多个子系列数组对应的目标嵌套图表。

可选地，所述数组元素拆分模块包括：

数组形式判断单元，用于判断多个子系列数组是否为所述形式数组；

数组循环遍历单元，用于若多个子系列数组为所述形式数组，则循环遍历各个子系列数组，并分别获取各个子系列数值参数，以及与各个子系列数值参数对应的各个子系列标签参数；

目标数组生成单元，用于将全部子系列标签参数作为所述标签数组，并将全部子系列数值参数作为所述数值数组。

可选地，所述目标图表生成模块包括：

坐标参数生成单元，用于获取所述数值数组中数值参数的总个数，以及各个子系列数组对应的各个子系列数值参数的个数，并基于所述总个数与各个子系列数值参数的个数，生成所述目标配置参数中的坐标位置参数；

目标数值获取单元，用于将所述数值数组中的全部数值参数进行比较，获取所述全部数值参数中的最大值，并基于所述最大值生成所述目标配置参数中的目标数值参数；

配置参数生成单元，用于将所述标签数组、数值数组与目标配置参数作为动态配置参数，所述预设默认配置参数作为静态配置参数，以基于所述动态配置参数和所述静态配置参数生成多个子系列数组对应的目标嵌套图表。

此外，为实现上述目的，本发明还提供一种图表绘制设备，所述图表绘制设备包括：存储器、处理器及存储在所述存储器上并可在所述处理器上运行的图表绘制程序，所述图表绘制程序被所述处理器执行时实现如上所述的图表绘制方法的步骤。

此外，为实现上述目的，本发明还提供一种计算机可读存储介质，所述计算机可读存储介质上存储有图表绘制程序，所述图表绘制程序被处理器执行时实现如上所述的图表绘制方法的步骤。

本发明提供一种图表绘制方法、设备及计算机可读存储介质。所述图表绘制方法通过在接收到图表绘制指令时，获取所述图表绘制指令中的多个子系列数组；在多个子系列数组为预设形式数组时，将多个子系列数组中的数组元素进行拆分，并生成标签数组和所述标签数组对应的数值数组，其中，所述预设形式数组为各个数组元素个数不一和/或各个数组的标签种类不同的多个数组；根据所述数值数组，生成目标配置参数，并根据预设默认配置参数、所述标签数组、数值数组与目标配置参数，生成多个子系列数组对应的目标嵌套图表。通过上述方式，本发明通过获取预设形式的多个子系列数组，使得各组数据个数不一和/或是标签类型不同的多组数据也能够在用户终端中等待处理，扩大了基于数据可视化插件的待处理数据的处理范围；通过拆分子系列数组中的数组元素，使得数组元素的标签参数与数值参数分开，各自组成新的数组，打破了现有方案中的标签与数值作为一个整体的固有形式；通过获取标签数组、数值数组与目标配置参数与预设默认配置参数，使得能够根据这些参数完成目标嵌套图表对应全部配置项的参数配置，最终生成预设形式的多组数据对应的嵌套图表，从而解决了基于数据可视化绘制插件的图表绘制效率低下的技术问题。

附图说明

图1是本发明实施例方案涉及的硬件运行环境的设备结构示意图；

图2为本发明图表绘制方法第一实施例的流程示意图。

本发明目的的实现、功能特点及优点将结合实施例，参照附图做进一步说明。

具体实施方式

应当理解，此处所描述的具体实施例仅仅用以解释本发明，并不用于限定本发明。

如图1所示，图1是本发明实施例方案涉及的硬件运行环境的设备结构示意图。

本发明实施例图表绘制装置可以是PC机或服务器设备，其上运行有Java虚拟机。

如图1所示，该图表绘制装置可以包括：处理器1001，例如CPU，网络接口1004，用户接口1003，存储器1005，通信总线1002。其中，通信总线1002用于实现这些组件之间的连接通信。用户接口1003可以包括显示屏(Display)、输入单元比如键盘(Keyboard)，可选用户接口1003还可以包括标准的有线接口、无线接口。网络接口1004可选的可以包括标准的有线接口、无线接口(如WI-FI接口)。存储器1005可以是高速RAM存储器，也可以是稳定的存储器(non-volatile memory)，例如磁盘存储器。存储器1005可选的还可以是独立于前述处理器1001的存储装置。

本领域技术人员可以理解，图1中示出的设备结构并不构成对设备的限定，可以包括比图示更多或更少的部件，或者组合某些部件，或者不同的部件布置。

如图1所示，作为一种计算机存储介质的存储器1005中可以包括操作系统、网络通信模块、用户接口模块以及图表绘制程序。

在图1所示的设备中，网络接口1004主要用于连接后台服务器，与后台服务器进行数据通信；用户接口1003主要用于连接客户端(用户端)，与客户端进行数据通信；而处理器1001可以用于调用存储器1005中存储的图表绘制程序，并执行下述图表绘制方法中的操作。

基于上述硬件结构，提出本发明图表绘制方法实施例。

参照图2，图2为本发明图表绘制方法第一实施例的流程示意图，所述图表绘制方法包括：

步骤S10，在接收到图表绘制指令时，获取所述图表绘制指令中的多个子系列数组；

目前，市场上的可视化数据图形的绘制插件例如Echartrs，基于Echartrs，并根据现有的应用程序编程接口(API，Application Programming Interface)实现的方案中，通过对图表的配置项进行配置，虽然能够实现大部分图表(如柱状图、折线图、饼图等)的绘制，但方式较为单一，对数据结构的要求也较为严格，特别是在绘制嵌套柱状图时，要求每组数据的个数统一且每组数据对应标签的种类也要相同，从而导致了难以绘制预设形式的多组数据对应的嵌套柱状图的问题。其中，预设形式可为各组数据个数不一，且每组数据对应的标签种类也不相同；也可为各组数据个数一致，但每组数据对应的标签种类不同。例如，用户通常是在Echartrs中绘制每组数组个数相同的多组数据对应的嵌套柱状图，而无法根据现有方案在Echartrs中绘制出每组数据个数不同的多组数据对应的嵌套柱状图。另外，虽然在Excel表格中能够绘制出预设形式的多组数组对应的嵌套柱状图，但由于在Excel中是静态实现图表的绘制，每次数据发生改变就要手动更改数据再重新生成图表，即需要固定人工维护；且Excel在展示的时候只能是截图或者保存图片，然后在代码里以图片的形式展示图表，表现形式十分局限，无法满足前端开发的使用需求。故在数据可视化绘制插件中实现预设形式的多组数据对应的嵌套柱状图的绘制也是一项重要的实际需求。

在本实施例中，为解决上述问题，本发明提供一种图表绘制方法，即本发明通过获取预设形式的多个子系列数组，使得各组数据个数不一和/或标签类型不同的多组数据也能够在用户终端中等待处理，扩大了基于数据可视化插件的待处理数据的处理范围；通过拆分子系列数组中的数组元素，使得数组元素的标签参数与数值参数分开，各自组成新的数组，打破了现有方案中的标签与数值作为一个整体的固有形式；通过获取标签数组、数值数组与目标配置参数与预设默认配置参数，使得能够根据这些参数完成目标嵌套图表对应全部配置项的参数配置，最终生成预设形式的多组数据对应的嵌套图表，从而解决了基于数据可视化绘制插件的图表绘制效率低下的技术问题。所述图表绘制方法应用于基于可视化数据图表绘制插件的终端，可视化数据图表绘制插件包括但不限于ECharts、amcharts、awesomechartjs、bonsaijs、canvasjs(上述五个名称均为使用JavaScript实现的可视化数据图表绘制插件的名称)。

在本实施例中，图表绘制指令为在可视化数据图表绘制插件中基于当前获取的数据自动生成上述数据对应的图表的指令，该指令的触发方式可为用户触发，也可为终端根据预设程序自动获取相应数据而触发。多个子系列数组为用户输入的包含对应标签的多组数据，或是终端自动获取且自动添加对应标签后的多组数据。预设形式包括但不限于：各组数据个数不一且每组数据对应标签的种类也不相同，各组数据个数相同但每组数据对应标签种类不同。数组元素为各个数组中的数据，且每一个数组元素包括标签参数与数值参数两部分。

具体地，用户在安装Echartrs这一可视化数据图表绘制插件的计算机中，向计算机输入A、B、C三个子系列数组元素个数不一的数据。A系列中有a1：9312、a2：2156、a3：2518、a4：989这四个数组元素；B系列有b1：5879、b2：3952、b3：3000、b4：2563、b5：1675、b6：987、b7：654这七个数组元素；C系列有c1：986、c2：879、c3：564这三个数组元素。用户输入上述14个数组元素后，点击对应的绘制按键。计算机接收到用户鼠标点击触发的柱状图绘制指令，获取这一柱状图绘制指令中用户输入的上述14个数组元素。

步骤S20，在多个子系列数组为预设形式数组时，将多个子系列数组中的数组元素进行拆分，并生成标签数组和所述标签数组对应的数值数组，其中，所述预设形式数组为各个数组元素个数不一和/或各个数组的标签种类不同的多个数组；

其中，标签数组为包含有与子系列数组个数对应的多个子系列标签数组的数组；数值数组为包含有与子系列数组个数对应的多个子系列数值数组的数组。预设形式数组可为各个数组中数组元素个数不一且各个数组的标签种类不同的多个数组，也可为各个数组中数组元素个数相同但标签种类不同的多个数组，还可为各个数组中数组元素个数不一但标签种类相同的多个数组。

在本实施例中，在多个子系列数组为各个数组元素个数不一和/或各个数组的标签种类不同的多个数组时，终端将当前绘制任务中待绘制的多个子系列数组中的每一数组元素进行拆分。终端将拆分后的所有数组元素中的标签参数重新归为一组，作为标签数组，标签数组即为柱状图中的X轴参数；并将拆分后的所有数组元素中的数值参数也重新归为一组，作为数值数组，数值数组即为Y轴参数。具体地，计算机根据获取到的A、B、C三组数据，生成ECharts的三个直角坐标系grid组件参数。每个grid组件中包含有X轴参数与Y轴参数。需要说明的是，嵌套柱状图中存在多组X轴参数以及多组Y轴参数，且在一般情况下，每一grid组件中最多可包含上下两个X轴与左右两个Y轴。计算机单独获取A系列中的a1、a2、a3、a4，将其作为第一子系列标签数组；单独获取B系列中的b1、b2、b3、b4、b5、b6、b7，将其单独作为第二子系列标签数组；单独获取C系列中的c1、c2、c3，将其单独作为第三子系列标签数组。同时，计算机还单独获取A系列中的9312、2156、2518、989，将其作为第一子系列数值数组；单独获取B系列中的5876、3952、3000、2563、1675、987、654，将其作为第二子系列数值数组；单独获取C系列中的986、879、564，将其作为第三子系列数值数组。最后将第一子系列标签数组、第二子系列标签数组和第三子系列标签数组作为上述标签数组，这三个子系列标签数组即为三个grid组件参数中的三个X轴参数；也将第一子系列数值数组、第二子系列数值数组和第三子系列数值数组作为上述数值数组，这三个子系列数值数组也即为三个grid组件参数中的三个Y轴参数。其中，每一数值参数与每一标签参数一一对应。

步骤S30，根据所述数值数组，生成目标配置参数，并根据预设默认配置参数、所述标签数组、数值数组与目标配置参数，生成多个子系列数组对应的目标嵌套图表。

其中，目标配置参数为包括但不限于X轴Y轴的位置参数与X轴所占的宽度参数。预设默认配置参数包括但不限于标题组件属性、图例组件属性、X轴属性、Y轴属性、系列名称、系列颜色属性、提示框组件属性，默认配置参数可作为静态配置参数。用户可选择不更改默认版式的静态配置参数，还可根据实际需要更改静态配置参数。

本实施例中，终端可通过标签数组或是数值数组，获取到上述数组元素的总个数，并分别获取各子系列数组的数组元素个数。终端基于总个数与各组数组元素个数计算得出每一grid对应的X轴、Y轴的位置参数，以及X轴所占的宽度参数。终端获取数值数组中的最大值，基于这一最大值生成Y轴参数，并将上述X轴、Y轴的位置参数、X轴所占的宽度参数与X轴参数作为动态配置参数，填入对应的配置项中。具体地，计算机获取到第一子系列数组即A系列的数组元素个数为4个，第二子系列数组即B系列的数组元素为7个，第三子系列数组即C系列的数组元素个数为3个，且总个数为14个。经比较得出14个数值参数中的最大值为9312，则取数值10000作为Y轴参数。在ECharts中，grid组件对应的X轴Y轴的位置参数和X轴所占的宽度参数分别为grid组件离容器左侧的距离、grid组件离容器右侧的距离与grid组件的宽度。

终端获取到上述的标题组件属性、图例组件属性、X轴属性、Y轴属性、系列名称、系列颜色属性、提示框组件属性，将这些静态配置参数填入对应的配置项，并结合上述动态配置参数，完成对上述多个子系列数组对应的目标嵌套图表的配置，并生成这一目标嵌套图表。

本发明提供一种图表绘制方法、设备及计算机可读存储介质。所述图表绘制方法通过在接收到图表绘制指令时，获取所述图表绘制指令中的多个子系列数组；在多个子系列数组为预设形式数组时，将多个子系列数组中的数组元素进行拆分，并生成标签数组和所述标签数组对应的数值数组，其中，所述预设形式数组为各个数组元素个数不一和/或各个数组的标签种类不同的多个数组；根据所述数值数组，生成目标配置参数，并根据预设默认配置参数、所述标签数组、数值数组与目标配置参数，生成多个子系列数组对应的目标嵌套图表。通过上述方式，本发明通过获取预设形式的多个子系列数组，使得各组数据个数不一和/或标签类型不同的多组数据也能够在用户终端中等待处理，扩大了基于数据可视化插件的待处理数据的处理范围；通过拆分子系列数组中的数组元素，使得数组元素的标签参数与数值参数分开，各自组成新的数组，打破了现有方案中的标签与数值作为一个整体的固有形式；通过获取标签数组、数值数组与目标配置参数与预设默认配置参数，使得能够根据这些参数完成目标嵌套图表对应全部配置项的参数配置，最终生成预设形式的多组数据对应的嵌套图表，从而解决了基于数据可视化绘制插件的图表绘制效率低下的技术问题。且在本发明通过数据可视化绘制插件所采用的方式为动态绘图方式，能够根据数据的变化实时自动生成新数据对应的图表，因此省去不必要的人工操作。

图中未示的，基于上述图2所示的第一实施例，提出本发明图表绘制方法的第二实施例。

在本实施例中，所述步骤S20具体包括：

步骤a，判断多个子系列数组是否为所述形式数组；

在本实施例中，终端对获取到的多个子系列数组进行判断，判断多个子系列数组是否为预设形式数组。其中，预设形式数组可为各个数组中数组元素个数不一且各个数组的标签种类不同的多个数组，也可为各个数组中数组元素个数相同但标签种类不同的多个数组，还可为各个数组中数组元素个数不一但标签种类相同的多个数组。

步骤b，若多个子系列数组为所述形式数组，则循环遍历各个子系列数组，并分别获取各个子系列数值参数，以及与各个子系列数值参数对应的各个子系列标签参数；

其中，各个子系列标签参数的预设方式可为用户手动输入设置，也可为终端自动为数值参数对应生成。

在本实施例中，若经判定上述各个子系列数组为预设形式数组时，终端对各个子系列数组进行循环遍历操作，从下标为0的位置开始，当循环参数小于数组长度时，分别获取数组中的标签参数与数值参数。当循环参数大于或等于数组长度时，结束循环遍历操作。此时，通过上述循环遍历操作已获取到各个子系列数组中的各个子系列数值参数与对应的各个子系列标签参数。

步骤c，将全部子系列标签参数作为所述标签数组，并将全部子系列数值参数作为所述数值数组。

在本实施例中，终端将各个子系列数组中的全部标签参数归为一组，作为标签数组，同样地，将各个子系列数组中的全部数值参数归为一组，作为数值数组。具体地，计算机将a1、a2、a3、a4、b1、b2、b3、b4、b5、b6、b7、c1、c2、c3作为标签数组，将9312、2156、2518、989、5876、3952、3000、2563、1675、987、654、986、879、564作为数值数组，同时保留诸如标签a1对应数值9312的每一标签参数与每一数值参数的对应关系。计算机根据上述参数结合ECharts插件进行图表绘制，即将X轴参数a1、a2、a3、a4、b1、b2、b3、b4、b5、b6、b7、c1、c2、c3分别赋值给ECharts的三个X轴数组xAxis[0].data[i]、xAxis[1].data[i]、xAxis[2].data[i]；将series data参数9312、2156、2518、989、5876、3952、3000、2563、1675、987、654、986、879、564分别赋值给对应的A系列数值参数series[0].data[i]、B系列数值参数series[1].data[i]与C系列数值参数series[2].data[i]。

进一步地，在本实施例中，步骤S30具体包括：

步骤d，获取所述数值数组中数值参数的总个数，以及各个子系列数组对应的各个子系列数值参数的个数，并基于所述总个数与各个子系列数值参数的个数，生成所述目标配置参数中的坐标位置参数；

其中，坐标位置参数包括但不限于X、Y轴的位置参数与X轴宽度参数。

在本实施例中，终端可通过标签数组或是数值数组，获取到上述数组元素的总个数，并分别获取各子系列数组的数组元素个数。终端将每一子系列数组的元素个数除以总个数，得到各子系列个数在总个数中的占比，作为各个grid组件对应的X轴所占的宽度参数，并根据宽度参数对应设置X轴Y轴的位置参数。终端获取数值数组中的最大值，基于这一最大值生成Y轴参数。具体地，计算机获取到第一子系列数组即A系列的数组元素个数为4个，第二子系列数组即B系列的数组元素为7个，第三子系列数组即C系列的数组元素个数为3个，且总个数为14个。则计算得出A系列grid组件对应的X轴所占的宽度参数为29％，B系列grid组件对应的X轴所占的宽度参数为50％，C系列grid组件对应的X轴所占的宽度参数为21％。为使每一数组元素对应的柱状图在容器中均匀分布，且铺满整个容器，设置A系列grid组件离容器左侧的距离为0，离容器右侧的距离为29％；设置B系列grid组件离容器左侧的距离为29％，离容器右侧的距离为50％；设置C系列grid组件离容器左侧的距离为50％，离容器右侧的距离为21％。计算机根据上述参数结合ECharts插件进行图表绘制，将每一grid对应的X轴位置参数0、29％、50％赋值给A系列X轴参数grid[0].left、B系列X轴参数grid[1].left、与C系列X轴参数grid[2].left；将每一grid对应的Y轴位置参数29％、50％、0赋值给A系列Y轴参数grid[0].right、B系列Y轴参数grid[1].right、与C系列Y轴参数grid[2].right；将每一grid对应的X轴所占的宽度参数29％、50％、21％赋值给A系列X轴宽度grid[0].width、B系列X轴宽度grid[1].width与C系列X轴宽度grid[2].width。

步骤e，将所述数值数组中的全部数值参数进行比较，获取所述全部数值参数中的最大值，并基于所述最大值生成所述目标配置参数中的目标数值参数；

其中，动态配置参数包括但不限于数值数组中的最大值、X轴Y轴的位置参数与X轴所占的宽度参数、X轴参数。

在本实施例中，终端经比较得出所有子系列数值数组中数值参数的最大值，并将这一最大值作为目标数值参数。在此之后基于这一目标数值参数，生成Y轴参数。具体地，计算机获取到这14个数值参数中的最大值为9312，将其作为目标数值参数，并取数值10000作为ABC三个子系列共同的Y轴参数。计算机根据上述参数结合ECharts插件进行图表绘制，将Y轴参数1000赋值给Y轴最大值yAxis.max。

步骤f，将所述标签数组、数值数组与目标配置参数作为动态配置参数，所述预设默认配置参数作为静态配置参数，以基于所述动态配置参数和所述静态配置参数生成多个子系列数组对应的目标嵌套图表。

在本实施例中，终端将上述标签数组、数值数组与目标配置参数作为目标嵌套图表的动态配置参数，并将预设的默认配置参数作为静态配置参数。终端通过设置上述动态与静态配置参数完成了对目标嵌套图表的参数配置，并基于Echarts生成与多个子系列数组对应的目标嵌套图表。

本实施例中，通过获取动态配置参数，使得能够根据动态配置参数完成目标嵌套图表对应部分配置项的参数配置；通过获取预设静态配置参数，结合动态配置参数，使得能够根据动态配置参数与预设静态配置参数，完成目标嵌套图表对应全部配置项的参数配置，最终生成预设形式的多组数据对应的嵌套图表，从而提高了数据可视化绘制插件的图表绘制效率。

进一步地，图中未示的，在步骤S10之前，所述图表绘制方法还包括：

步骤g，在接收到数据获取指令时，获取所述数据获取指令中的原始数据；

步骤h，对所述原始数据进行分类处理，并生成多个子系列数组。

其中，数据获取指令为获取若干数据的指令，其触发方式可为用户触发，也可为终端根据预设程序自动获取相应数据而触发。原始数据为获取到的若干数据。

在本实施例中，若用户输入若干数据，且未手动为数据添加对应标签，则终端接收用户触发的数据获取指令，获取到用户输入的若干数据，根据预设规则，将这些数据分为不同组别，并逐一添加对应的标签参数，作为上述多个子系列数组。若用户输入已分类并添加对应标签的若干数据，则终端接收用户触发的数据获取指令，获取到用户输入的已添加标签的数据以及分类信息，将已分类的多组数据作为上述多个子系列数组。具体地，用户输入9312、2156、2518、989、5876、3952、3000、2563、1675、987、654、986、879、564这14项数据，终端接收到这14项数据，将9312、2156、2518、989分为A系列，分别添加标签a1、a2、a3、a4；将5876、3952、3000、2563、1675、987、654分为B系列，分别添加标签b1、b2、b3、b4、b5、b6、b7；将986、879、564分为C系列，分别添加标签c1、c2、c3，并将添加标签后生成的数组元素作为A、B、C三个子系列数组的数组元素。

在本实施例中，所述图表绘制方法进一步通过循环遍历获取标签数组与数值数组，提高了数据获取效率；通过获取动态配置参数，使得能够根据动态配置参数完成目标嵌套图表对应部分配置项的参数配置；通过将原始数据分类生成多个子系列数组，使得不需要人工分类数据，提高了数据处理效率，并提升了用户体验。

图中未示的，基于上述图2所示的第一实施例，提出本发明图表绘制方法的第三实施例。

在本实施例中，在步骤S40之后，还包括：

步骤i，基于提示框组件中的回调函数对所述动态配置参数进行格式化操作；

在本实施例中，为便于ECharts根据动态配置参数对当前任务中所要生成的目标嵌套图表进行相应配置，终端基于ECharts统一动态配置参数的格式，通过调用提示组件tooltip中的回调函数formatter对上述动态配置参数进行格式化。

步骤j，根据超文本标记语言、层叠样式表与所述回调函数，重新定义所述提示框组件，以基于重新定义后的提示框组件显示提示框。

在本实施例中，终端在对上述动态配置参数进行上述格式化操作之后，还可根据需求，优化嵌套图表中提示框组件的显示效果，使得提示框组件的显示更加简洁。终端基于tooltip.formatter选择字符串模板或者回调函数的形式来进行格式化或者自定义。若在实际需求中只是简单地对标签参数与数值参数进行映射处理，则可直接使用字符串模板formatter:’{b0:{c0}}<br/>{b1}:{c1}’形式来格式化tooltip组件，而回调函数的形式允许用户结合超文本标记语言(HTML，Hyper Text Markup Language)与层叠样式表(CSS，Cascading Style Sheets)重新定义tooltip组件。

进一步地，在本实施例中，在步骤j之后，还包括：

步骤k，接收用户触发的数据显示指令，根据所述数据显示指令中的选择信息，确定所述目标嵌套图表中的选定图表；

其中，数据显示指令为用户通过鼠标悬停在目标嵌套图表中预设区域时显示对应的标签与数值信息的指令。预设区域为目标嵌套图中的每一柱状图所在区域。选择信息为当前鼠标光标所指定的柱状图的相关信息。

在本实施例中，用户通过鼠标选定至当前显示的目标嵌套图表中的某一柱状图，终端接收到用户触发的这一数据显示指令，获取这一数据显示指令中的选择信息，并根据这一选择信息，确定到目标嵌套图表中的某一柱状图。

步骤l，获取所述选定图表对应的选定标签参数与选定数值参数，以重新定义所述提示框组件，并基于所述重新定义后的提示框组件更新所述提示框，其中，所述选定标签参数与选定数值参数显示在所述提示框中。

在本实施例中，终端根据上述选择信息确定获取这一柱状图对应的选定标签参数与选定数值参数。则在ECharts中，基于重新定义后的提示框组件，更新生成内容为选定标签参数与选定数值参数的提示框，并将这一提示框显示在这一柱状图上方。具体地，若用户基于鼠标悬停在目标嵌套图表中的A系列中a1标签对应数值为9312的柱状图上时，计算机基于重新定义后的提示框组件，更新生成内容为“系列‘A’点‘a1值：9312’”的提示框，并显示在对应柱状图上方。

进一步地，在本实施例中，在步骤l之后，还包括：

步骤m，接收用户触发的隐藏显示指令，并获取所述隐藏显示指令中的指定隐藏信息；

步骤n，根据所述指定隐藏信息，取消显示所述目标嵌套图表中的第一子系列图表，其中，所述第一子系列图表为多个子系列数组中的第一子系列数组对应的图表。

其中，隐藏显示指令为用户根据实际需要触发的选择隐藏若干子系列数组对应的柱状图的指令。指定隐藏信息为用户指定的需要隐藏的若干子系列数组对应柱状图的信息。第一子系列柱状图可为单个子系列数组对应的柱状图，也可为多个子系列数组对应的柱状图。

在本实施例中，用户可根据实际需要，选择隐藏在目标嵌套图表中第一子系列数组对应的柱状图，并点击对应隐藏显示按键。终端接收到用户触发的这一隐藏显示指令，获取这一隐藏显示指令中指定隐藏第一子系列数组对应柱状图的信息。终端根据获取到的指定隐藏信息，隐藏第一子系列数组对应在当前页面中目标嵌套图表的部分柱状图的显示。其中，隐藏显示的还包括与上述部分柱状图对应的标签参数信息。

进一步地，在步骤m后，还包括：

步骤o，基于全部所述数组元素中除去所述第一子系列数组后的数组元素，更新所述目标配置参数；

本实施例中，终端获取全部数组元素中除去第一子系列数组后的数组元素，即获取到除去第一子系列标签数组后的标签数组，以及除去第一子系列数值数组后的数值数组。终端基于上述更新后的相关参数，更新目标配置参数。具体地，计算机获取更新后的标签参数b1、b2、b3、b4、b5、b6、b7、c1、c2、c3，并获取更新后的数值参数5876、3952、3000、2563、1675、987、654、986、879、564。原先的ABC子系列对应的三个grid组件更新为两个，数组元素总个数更新为10个。计算得出更新后的B、C子系列grid组件对应的X轴所占宽度参数更新为70％与30％；X轴位置参数更新为0与70％；Y轴位置参数更新为70％、0。计算机获取更新后的数值参数中的最大值5876，并取6000作为更新后的Y轴参数。

步骤p，根据更新后的目标配置参数，更新显示其他子系列图表，其中，所述其他子系列图表为所述目标嵌套图表中除所述第一子系列图表外的图表。

本实施例中，终端根据更新后的目标配置参数，重新设置对应设置项参数，并更新当前显示的目标嵌套图表。具体地，更新后，用户能够看到B、C子系列柱状图左移并均匀铺满整个容器，Y轴参数变为6000，且每一数值对应柱状图的高度随更新后的Y轴参数对应变化。

在本实施例中，所述图表绘制方法进一步通过文本标记语言、层叠样式表与回调函数实现了对显示提示框组件的自定义配置，使得用户能够根据实际需求改变提示框的显示形式，提升了图表展示的灵活性，更加符合不同的个性化需求；通过显示包含有标签信息与对应数值信息的提示框，使得用户可通过移动鼠标直接获取到任意柱状图所对应的标签信息与数值信息，提升了信息获取效率，并提升了用户体验；实现隐藏目标嵌套图中任意部分的柱状图，使得用户能够根据实际需求选择隐藏某一部分柱状图，提高了显示方式的灵活度，并提升了用户体验；通过在隐藏部分柱状图后对应变化其他部分的柱状图，实现了根据动态配置参数绘制动态嵌套柱状图，提高了本发明图表绘制方法的灵活性。

本发明还提供一种图表绘制装置，所述图表绘制装置包括：

所述数组元素拆分模块包括：

所述目标图表生成模块包括：

所述图表绘制装置还包括：

动态参数转化模块，用于基于提示框组件中的回调函数对所述动态配置参数进行格式化操作；

提示组件定义模块，用于根据超文本标记语言、层叠样式表与所述回调函数，重新定义所述提示框组件，以基于重新定义后的提示框组件显示提示框。

所述提示组件定义模块还用于：

所述图表绘制装置还包括：

原始数据获取模块，用于在接收到数据获取指令时，获取所述数据获取指令中的原始数据；

原始数据分类模块，用于对所述原始数据进行分类处理，并生成多个子系列数组。

上述各程序模块所执行的方法可参照本发明业务的异常处理方法各个实施例，此处不再赘述。

本发明还提供一种图表绘制设备。

所述图表绘制设备包括处理器、存储器及存储在所述存储器上并可在所述处理器上运行的图表绘制程序，其中所述图表绘制程序被所述处理器执行时，实现如上所述的图表绘制方法的步骤。

其中，所述图表绘制程序被执行时所实现的方法可参照本发明图表绘制方法的各个实施例，此处不再赘述。

本发明还提供一种计算机可读存储介质。

本发明计算机可读存储介质上存储有图表绘制程序，所述图表绘制程序被处理器执行时实现如上所述的图表绘制方法的步骤。

其中，所述图表绘制程序被执行时所实现的方法可参照本发明图表绘制方法各个实施例，此处不再赘述。

需要说明的是，在本文中，术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含，从而使得包括一系列要素的过程、方法、物品或者系统不仅包括那些要素，而且还包括没有明确列出的其他要素，或者是还包括为这种过程、方法、物品或者系统所固有的要素。在没有更多限制的情况下，由语句“包括一个……”限定的要素，并不排除在包括该要素的过程、方法、物品或者系统中还存在另外的相同要素。

上述本发明实施例序号仅仅为了描述，不代表实施例的优劣。

通过以上的实施方式的描述，本领域的技术人员可以清楚地了解到上述实施例方法可借助软件加必需的通用硬件平台的方式来实现，当然也可以通过硬件，但很多情况下前者是更佳的实施方式。基于这样的理解，本发明的技术方案本质上或者说对现有技术做出贡献的部分可以以软件产品的形式体现出来，该计算机软件产品存储在如上所述的一个存储介质(如ROM/RAM、磁碟、光盘)中，包括若干指令用以使得一台终端设备(可以是手机，计算机，服务器，空调器，或者网络设备等)执行本发明各个实施例所述的方法。

以上仅为本发明的优选实施例，并非因此限制本发明的专利范围，凡是利用本发明说明书及附图内容所作的等效结构或等效流程变换，或直接或间接运用在其他相关的技术领域，均同理包括在本发明的专利保护范围内。

Claims

1.一种图表绘制方法，其特征在于，所述图表绘制方法包括：

2.如权利要求1所述的图表绘制方法，其特征在于，所述在多个子系列数组为预设形式数组时，将多个子系列数组中的数组元素进行拆分，并生成标签数组和所述标签数组对应的数值数组的步骤具体包括：

判断多个子系列数组是否为所述形式数组；

3.如权利要求1所述的图表绘制方法，其特征在于，所述根据所述数值数组，生成目标配置参数，并根据预设默认配置参数、所述标签数组、数值数组与目标配置参数，生成多个子系列数组对应的目标嵌套图表的步骤具体包括：

4.权利要求3所述的图表绘制方法，其特征在于，所述根据所述数值数组，生成目标配置参数，并根据预设默认配置参数、所述标签数组、数值数组与目标配置参数，生成多个子系列数组对应的目标嵌套图表的步骤之后，还包括：

5.权利要求4所述的图表绘制方法，其特征在于，所述根据超文本标记语言、层叠样式表与所述回调函数，重新定义所述提示框组件，以基于重新定义后的提示框组件显示提示框的步骤之后，还包括：

6.权利要求5所述的图表绘制方法，其特征在于，所述获取所述选定图表对应的选定标签参数与选定数值参数，以重新定义所述提示框组件，并基于所述重新定义后的提示框组件更新所述提示框的步骤之后，还包括：

7.如权利要求6所述的图表绘制方法，其特征在于，所述接收用户触发的隐藏显示指令，并获取所述隐藏显示指令中的指定隐藏信息的步骤之后还包括：

8.如权利要求1-7中任意一项所述的图表绘制方法，其特征在于，所述图表绘制方法还包括：

对所述原始数据进行分类处理，并生成多个子系列数组。

9.一种图表绘制装置，其特征在于，所述图表绘制装置包括：

10.如权利要求9所述的图表绘制装置，其特征在于，所述数组元素拆分模块包括：

11.如权利要求9所述的图表绘制装置，其特征在于，所述目标图表生成模块包括：

目标数值获取单元，用于将所述数值数组中的全部数值参数进行比较，获取所述全部数值参数中的最大值，并基于所述最大值生成所述目标配置参数中的目标数值参数

12.一种图表绘制设备，其特征在于，所述图表绘制设备包括：存储器、处理器及存储在所述存储器上并可在所述处理器上运行的图表绘制程序，所述图表绘制程序被所述处理器执行时实现如权利要求1至8中任一项所述的图表绘制方法的步骤。

13.一种计算机可读存储介质，其特征在于，所述计算机可读存储介质上存储有图表绘制程序，所述图表绘制程序被处理器执行时实现如权利要求1至8中任一项所述的图表绘制方法的步骤。