CN109358851B - 图表组件的创建方法、装置及计算机可读存储介质 - Google Patents

Abstract

本发明公开了一种图表组件的创建方法，该方法包括：当接收到用户终端发送的图表组件的创建请求时，将图表组件编辑界面发送至用户终端显示；确定用户终端基于图表组件编辑界面选择的绘图函数以及设置的输入参数值；根据绘图函数绘制对应的图表元素并发送至用户终端显示，在与图表组件编辑界面匹配的图表预览区域显示该图表元素；当接收到用户发送的绘制完成指令时，确定用户终端选择的全部绘图函数，将确定的绘图函数和其对应的输入参数值封装为图表组件代码；将图表组件代码存储至组件库。本发明还提出一种图表组件的创建装置以及一种计算机可读存储介质。本发明解决了现有技术中无法实现图表组件的灵活配置的技术问题。

Description

图表组件的创建方法、装置及计算机可读存储介质

技术领域

本发明涉及计算机技术领域，尤其涉及一种图表组件的创建方法、装置及计算机可读存储介质。

背景技术

报表是企业应用系统中不可缺少的一种数据展现方式，它可以为用户特别是企业中高层用户提供直观的数据视图，为用户制定商业计划和决策提供基础和依据。报表同时也是商业智能应用中实现数据可视化的方式之一。

现有的报表系统的多是预先定制好各种模板化的图表组件供用户使用，其图表组件中所展示的布局、色调、形状等都是固定不变的，用户将数据导入到图表组件中进行展示，不支持用户对图表组件的自定义功能，当用户有新的需求时，需要提交到开发人员处，由开发人员进行图表组件的开发设计等，开发周期长且流程复杂，无法实现图表组件的灵活配置。

发明内容

本发明提供一种图表组件的创建方法、装置及计算机可读存储介质，其主要目的在于解决现有技术中无法实现图表组件的灵活配置的技术问题。

为实现上述目的，本发明还提供一种图表组件的创建方法，该方法包括：

当接收到用户终端发送的图表组件的创建请求时，将图表组件编辑界面发送至所述用户终端显示，所述图表组件编辑界面上包含预先设置的绘图函数，绘图函数用于实现图表的基础组成元素的绘制，绘图函数是未设置具体输入参数值的函数式，存储在预先构建的JavaScript库中，JavaScript库部署在图表组件的创建装置；

确定用户终端基于所述图表组件编辑界面选择的绘图函数以及为所述绘图函数设置的输入参数值；

根据所述绘图函数和所述输入参数值绘制对应的图表元素，并将所述图表元素发送至所述用户终端显示，并在所述用户终端上与所述图表组件编辑界面匹配的图表预览区域显示所述图表元素；

当接收到用户基于所述图表组件编辑界面发送的绘制完成指令时，确定用户终端选择的全部绘图函数以及与各个绘图函数对应的输入参数值，将确定的绘图函数和其对应的输入参数值封装为图表组件代码；

将所述图表组件代码存储至组件库。

可选地，所述将所述图表组件代码存储至组件库的步骤之前，所述图表组件的创建方法还包括步骤：

对封装好的图表组件代码进行安全性检查和可用性检查；

若通过所述安全性检查和所述可用性检查，则执行所述将所述图表组件代码存储至所述组件库的步骤；

若未通过所述安全性检查和所述可用性检查，则向所述用户终端发送对应的提示信息。

可选地，所述将所述图表组件代码存储至组件库的步骤包括：

为所述图表组件代码添加标识信息，以将所述图表组件代码标记为可编辑图表组件；

将添加有所述标识信息的图表组件代码存储至所述组件库。

可选地，所述图表组件的创建方法还包括步骤：

当接收用户终端发送的图表组件选择指令时，确定与所述图表组件选择指令对应的图表组件；

从组件库中获取所述图表组件的代码，根据获取的代码将所述图表组件发送至所述用户终端展示，并将与该图表组件对应的报表数据配置界面发送至所述用户终端展示，所述报表数据配置界面上包括参数输入框以及数据源信息；

当接收到所述用户终端基于所述报表数据配置界面发送的数据查询请求时，从所述数据查询请求中获取查询参数和查询条件，根据所述查询参数和查询条件生成数据查询语句，并基于所述数据查询语句从与所述数据源信息对应的数据源中获取对应的报表数据；

将获取到的报表数据发送至所述用户终端，以供所述用户终端将所述报表数据展示在所述图表组件中。

可选地，所述将获取到的报表数据发送至所述用户终端的步骤之前，所述方法还包括步骤：

从所述数据查询请求中获取用户标识信息，并获取存储的权限配置文件；

根据所述权限配置文件确定与所述用户标识信息对应的访问权限信息；

根据所述访问权限信息，在内存中对获取到的报表数据进行筛选，过滤掉与所述访问权限信息不匹配的报表数据，保留与所述访问权限信息匹配的报表数据；

所述将获取到的报表数据发送至所述用户终端的步骤包括：

将保留的与所述访问权限信息匹配的报表数据发送至所述用户终端。

此外，为实现上述目的，本发明还提供一种图表组件的创建装置，该装置包括存储器和处理器，所述存储器中存储有可在所述处理器上运行的组件创建程序，所述组件创建程序被所述处理器执行时实现如下步骤：

当接收到用户终端发送的图表组件的创建请求时，将图表组件编辑界面发送至所述用户终端显示，所述图表组件编辑界面上包含预先设置的绘图函数，绘图函数用于实现图表的基础组成元素的绘制，绘图函数是未设置具体输入参数值的函数式，存储在预先构建的JavaScript库中，JavaScript库部署在图表组件的创建装置；

确定用户终端基于所述图表组件编辑界面选择的绘图函数以及为所述绘图函数设置的输入参数值；

根据所述绘图函数和所述输入参数值绘制对应的图表元素，并将所述图表元素发送至所述用户终端显示，并在所述用户终端上与所述图表组件编辑界面匹配的图表预览区域显示所述图表元素；

当接收到用户基于所述图表组件编辑界面发送的绘制完成指令时，确定用户终端选择的全部绘图函数以及与各个绘图函数对应的输入参数值，将确定的绘图函数和其对应的输入参数值封装为图表组件代码；

将所述图表组件代码存储至组件库。

可选地，所述组件创建程序还可被所述处理器执行，以在所述将所述图表组件代码存储至组件库的步骤之前，还实现如下步骤：

对封装好的图表组件代码进行安全性检查和可用性检查；

若通过所述安全性检查和所述可用性检查，则执行所述将所述图表组件代码存储至所述组件库的步骤；

若未通过所述安全性检查和所述可用性检查，则向所述用户终端发送对应的提示信息。

可选地，所述组件创建程序还可被所述处理器执行，以实现如下步骤：

当接收用户终端发送的图表组件选择指令时，确定与所述图表组件选择指令对应的图表组件；

从组件库中获取所述图表组件的代码，根据获取的代码将所述图表组件发送至所述用户终端展示，并将与该图表组件对应的报表数据配置界面发送至所述用户终端展示，所述报表数据配置界面上包括参数输入框以及数据源信息；

当接收到所述用户终端基于所述报表数据配置界面发送的数据查询请求时，从所述数据查询请求中获取查询参数和查询条件，根据所述查询参数和查询条件生成数据查询语句，并基于所述数据查询语句从与所述数据源信息对应的数据源中获取对应的报表数据；

将获取到的报表数据发送至所述用户终端，以供所述用户终端将所述报表数据展示在所述图表组件中。

可选地，所述组件创建程序还可被所述处理器执行，以实现如下步骤：

从所述数据查询请求中获取用户标识信息，并获取存储的权限配置文件；

根据所述权限配置文件确定与所述用户标识信息对应的访问权限信息；

根据所述访问权限信息，在内存中对获取到的报表数据进行筛选，过滤掉与所述访问权限信息不匹配的报表数据，保留与所述访问权限信息匹配的报表数据；

所述将获取到的报表数据发送至所述用户终端的步骤包括：

将保留的与所述访问权限信息匹配的报表数据发送至所述用户终端。

此外，为实现上述目的，本发明还提供一种计算机可读存储介质，所述计算机可读存储介质上存储有组件创建程序，所述组件创建程序可被一个或者多个处理器执行，以实现如上所述的图表组件的创建方法的步骤。

本发明提出的图表组件的创建方法、装置及计算机可读存储介质，当接收到用户终端发送的图表组件的创建请求时，将图表组件编辑界面发送至用户终端显示，图表组件编辑界面上包含预先设置的绘图函数；确定用户终端基于图表组件编辑界面选择的绘图函数以及为绘图函数设置的输入参数值；根据绘图函数和输入参数值绘制对应的图表元素，并将图表元素发送至用户终端显示，并在用户终端上与图表组件编辑界面匹配的图表预览区域显示该图表元素；当接收到用户基于图表组件编辑界面发送的绘制完成指令时，确定用户终端选择的全部绘图函数以及与各个绘图函数对应的输入参数值，将确定的绘图函数和其对应的输入参数值封装为图表组件代码；将图表组件代码存储至组件库。本发明的方案提供给用户通过绘图函数绘制组成图表组件的各个元素，进而通过这些元素的组合形成自己想要的图表组件，满足用户对图表多样性的要求，实现图表组件的灵活配置。

附图说明

图1为本发明一实施例提供的图表组件的创建方法的流程示意图；

图2为本发明一实施例提供的图表组件的创建装置的内部结构示意图；

图3为本发明一实施例提供的图表组件的创建装置中组件创建程序的模块示意图。

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

具体实施方式

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

本发明提供一种图表组件的创建方法。参照图1所示，为本发明一实施例提供的图表组件的创建方法的流程示意图。该方法可以由一个装置执行，该装置可以由软件和/或硬件实现。

在本实施例中，图表组件的创建方法包括：

步骤S10，当接收到用户终端发送的图表组件的创建请求时，将图表组件编辑界面发送至所述用户终端显示，所述图表组件编辑界面上包含预先设置的绘图函数。

在本发明的方法实施例中，以图表组件的创建装置作为执行主体描述本方案。用户终端与图表组件的创建装置建立远程通讯连接。用户终端向创建装置发送图表组件的创建请求，创建装置响应该请求为用户终端提供创建图表组件的功能。

该实施例中，绘图函数可以用于多种图表的绘制，例如金融图表、数学分析图表等，单个的绘图函数主要是用于实现图表的基础组成元素的绘制，例如，对于金融K线图来说，可以实现基础线、手数、坐标轴、K线等基础组成元素的绘制。这些绘图函数可以是画坐标函数，画点函数，画线函数，填充颜色函数等，这些绘图函数是未设置具体输入参数值的函数式，存储在预先构建的JavaScript库中，该JavaScript库部署在图表组件的创建装置。

用户终端上提供有创建图表组件的控件或者链接，当用户点击该控件或者链接时，用户终端向图表组件的创建装置发送图表组件的创建请求。当创建装置接收到图表组件的创建请求时，将预先设置的图表组件编辑界面发送至用户终端显示，该图表组件编辑界面上包含有预先设置的绘图函数，以供用户选择。

步骤S20，确定用户终端基于所述图表组件编辑界面选择的绘图函数以及为所述绘图函数设置的输入参数值。

步骤S30，根据所述绘图函数和所述输入参数值绘制对应的图表元素，并将所述图表元素发送至所述用户终端显示，并在所述用户终端上与所述图表组件编辑界面匹配的图表预览区域显示所述图表元素。

用户可以根据自己要绘制的图表元素，选择对应的绘图函数，并为绘图函数赋值，即设置输入参数值，得到具体的图表元素。通过这种方式用户从图表组件编辑界面上选择多个绘图函数进行图表的绘制，其中，对绘图函数的输入参数值进行赋值即是对对应的图表元素的属性进行赋值，例如，绘制圆形图像时，对圆心的坐标和半径的大小进行赋值。在用户为绘图函数赋值后，用户终端将赋值后的绘图函数发送至创建装置，创建装置确定用户选择的绘图函数以及为该绘图函数设置的输入参数值，然后根据绘图函数和输入参数值绘制出对应的图表元素，将该图表元素发送至用户终端，用户终端在于图表组件编辑界面匹配的图表预览区域实时地展示该图表元素，以使用户可以实时地看到自己绘制的图表元素的显示效果，进而对绘图函数的输入参数值进行调整。用户可以不断重复上述操作以对多个绘图函数进行赋值，从而创建出多个图表元素，以完成图表组件的绘制。当用户完成图表的完成后，基于该编辑界面上的绘制完成控件触发绘制完成指令。

步骤S40，当接收到用户基于所述图表组件编辑界面发送的绘制完成指令时，确定用户终端选择的全部绘图函数以及与各个绘图函数对应的输入参数值，将确定的绘图函数和其对应的输入参数值封装为图表组件代码。

步骤S50，将所述图表组件代码存储至组件库。

当创建装置接收到用户终端发送的绘制完成指令时，确定用户在绘制图表的过程中选择的全部绘图函数，将这些绘图函数以及用户为这些绘图函数设置的输入参数值进行封装，得到图表组件代码。将该图表组件代码存储至预先设置的图表代码库，同时将对应的可视化图表添加至图表模板列表中，以供用户直接从图表模板中调用。

进一步地，在一实施例中，在将图表组件代码存储至组件库之前，该方法还包括步骤：对封装好的图表组件代码进行安全性检查和可用性检查；若通过所述安全性检查和所述可用性检查，则执行所述将所述图表组件代码存储至所述组件库的步骤；若未通过所述安全性检查和所述可用性检查，则向所述用户终端发送对应的提示信息。

进一步地，用户可以为编辑的图表组件设置为用于展示特定格式或者特定类型的数据，系统将用户上传的图表组件与特定格式或者特定类型的数据关联后存储。

可选地，在其他实施例中，将所述图表组件代码存储至组件库的步骤包括：为所述图表组件代码添加标识信息，以将所述图表组件代码标记为可编辑图表组件；将添加有所述标识信息的图表组件代码存储至所述组件库。

用户在使用过程中，可以对这些图表组件进行重新编辑，当系统接收到用户基于可编辑图表组件发送的图表组件修改指令时，从图表代码库中获取对应的图表组件代码，并显示其中的绘图函数，以供用户对其中的绘图函数的输入参数值进行修改，进而实现对图表的显示效果的修改。

可选地，在其他实施例中，该方法还包括步骤：

当接收用户终端发送的图表组件选择指令时，确定与所述图表组件选择指令对应的图表组件；

从组件库中获取所述图表组件的代码，根据获取的代码将所述图表组件发送至所述用户终端展示，并将与该图表组件对应的报表数据配置界面发送至所述用户终端展示，所述报表数据配置界面上包括参数输入框以及数据源信息；

当接收到所述用户终端基于所述报表数据配置界面发送的数据查询请求时，从所述数据查询请求中获取查询参数和查询条件，根据所述查询参数和查询条件生成数据查询语句，并基于所述数据查询语句从与所述数据源信息对应的数据源中获取对应的报表数据；

将获取到的报表数据发送至所述用户终端，以供所述用户终端将所述报表数据展示在所述图表组件中。

具体地，在报表数据配置界面上包含有查询参数的输入框，参数输入框包括数据源名称输入框、数据库名输入框、数据表名输入框、过滤条件输入框、查询结果字段输入框等。此外，该设置界面上包含有当前与报表系统对接的多个数据源以供用户选择。用户在选择数据源之后，将用户选择的数据源展示在设置界面上，用户通过拖拽操作将要展示的数据库参数、数据表参数、数据列参数以及过滤条件等填充至上述对应的参数输入框中。用户终端基于上述参数生成数据查询请求发送至上述创建装置。图表组件的创建装置从该数据查询请求中获取查询参数和查询条件，其中查询参数包括数据源名称、数据库名、数据表名、查询结果字段等，根据这些参数生成SQL(Structured Query Language，结构化查询语言)数据查询语句，基于该数据查询语句从对应的数据源中获取对应的报表数据。

可选地，在所述将获取到的报表数据发送至所述用户终端的步骤之前，所述方法还包括步骤：

从所述数据查询请求中获取用户标识信息，并获取存储的权限配置文件；

根据所述权限配置文件确定与所述用户标识信息对应的访问权限信息；

根据所述访问权限信息，在内存中对获取到的报表数据进行筛选，过滤掉与所述访问权限信息不匹配的报表数据，保留与所述访问权限信息匹配的报表数据；

所述将获取到的报表数据发送至所述用户终端的步骤包括：

将保留的与所述访问权限信息匹配的报表数据发送至所述用户终端。

具体地，可以为用户设置对报表数据的访问权限，例如，以数据列或者数据行为单位授予访问权限。预先创建权限配置文件，该权限配置文件中设置了每一个用户标识信息对应的访问权限信息，该访问权限信息中限定了用户有权限访问的数据行或者数据列，例如，xx用户有xx报表的xx列的访问权限；根据所述访问权限信息，在内存中对查找到的报表数据进行筛选，过滤掉与所述访问权限信息不匹配的数据列，保留与所述访问权限信息匹配的数据列。并将经过滤处理后的数据发送至用户终端，以供用户终端的前端报表组件显示报表数据。

本实施例提出的图表组件的创建方法，当接收到用户终端发送的图表组件的创建请求时，将图表组件编辑界面发送至用户终端显示，图表组件编辑界面上包含预先设置的绘图函数；确定用户终端基于图表组件编辑界面选择的绘图函数以及为绘图函数设置的输入参数值；根据绘图函数和输入参数值绘制对应的图表元素，并将图表元素发送至用户终端显示，并在用户终端上与图表组件编辑界面匹配的图表预览区域显示该图表元素；当接收到用户基于图表组件编辑界面发送的绘制完成指令时，确定用户终端选择的全部绘图函数以及与各个绘图函数对应的输入参数值，将确定的绘图函数和其对应的输入参数值封装为图表组件代码；将图表组件代码存储至组件库。本发明的方案提供给用户通过绘图函数绘制组成图表组件的各个元素，进而通过这些元素的组合形成自己想要的图表组件，满足用户对图表多样性的要求，实现图表组件的灵活配置。

本发明还提供一种图表组件的创建装置。参照图2所示，为本发明一实施例提供的图表组件的创建装置的内部结构示意图。

在本实施例中，图表组件的创建装置1可以是PC(Personal Computer，个人电脑)，也可以是智能手机、平板电脑、便携计算机等终端设备。该图表组件的创建装置1至少包括存储器11、处理器12，网络接口13以及通信总线。

其中，存储器11至少包括一种类型的可读存储介质，所述可读存储介质包括闪存、硬盘、多媒体卡、卡型存储器(例如，SD或DX存储器等)、磁性存储器、磁盘、光盘等。存储器11在一些实施例中可以是图表组件的创建装置1的内部存储单元，例如该图表组件的创建装置1的硬盘。存储器11在另一些实施例中也可以是图表组件的创建装置1的外部存储设备，例如图表组件的创建装置1上配备的插接式硬盘，智能存储卡(Smart Media Card,SMC)，安全数字(Secure Digital,SD)卡，闪存卡(Flash Card)等。进一步地，存储器11还可以既包括图表组件的创建装置1的内部存储单元也包括外部存储设备。存储器11不仅可以用于存储安装于图表组件的创建装置1的应用软件及各类数据，例如组件创建程序01的代码等，还可以用于暂时地存储已经输出或者将要输出的数据。

处理器12在一些实施例中可以是一中央处理器(Central Processing Unit,CPU)、控制器、微控制器、微处理器或其他数据处理芯片，用于运行存储器11中存储的程序代码或处理数据，例如执行组件创建程序01等。

网络接口13可选的可以包括标准的有线接口、无线接口(如WI-FI接口)，通常用于在该装置1与其他电子设备之间建立通信连接。

通信总线用于实现这些组件之间的连接通信。

可选地，该装置1还可以包括用户接口，用户接口可以包括显示器(Display)、输入单元比如键盘(Keyboard)，可选的用户接口还可以包括标准的有线接口、无线接口。可选地，在一些实施例中，显示器可以是LED显示器、液晶显示器、触控式液晶显示器以及OLED(Organic Light-Emitting Diode，有机发光二极管)触摸器等。其中，显示器也可以适当的称为显示屏或显示单元，用于显示在图表组件的创建装置1中处理的信息以及用于显示可视化的用户界面。

图2仅示出了具有组件11-13以及组件创建程序01的图表组件的创建装置1，本领域技术人员可以理解的是，图1示出的结构并不构成对图表组件的创建装置1的限定，可以包括比图示更少或者更多的部件，或者组合某些部件，或者不同的部件布置。

在图2所示的装置1实施例中，存储器11中存储有组件创建程序01；处理器12执行存储器11中存储的组件创建程序01时实现如下步骤：

当接收到用户终端发送的图表组件的创建请求时，将图表组件编辑界面发送至所述用户终端显示，所述图表组件编辑界面上包含预先设置的绘图函数。

确定用户终端基于所述图表组件编辑界面选择的绘图函数以及为所述绘图函数设置的输入参数值。

根据所述绘图函数和所述输入参数值绘制对应的图表元素，并将所述图表元素发送至所述用户终端显示，并在所述用户终端上与所述图表组件编辑界面匹配的图表预览区域显示所述图表元素。

当接收到用户基于所述图表组件编辑界面发送的绘制完成指令时，确定用户终端选择的全部绘图函数以及与各个绘图函数对应的输入参数值，将确定的绘图函数和其对应的输入参数值封装为图表组件代码。

将所述图表组件代码存储至组件库。

在以下实施例中，用户终端与图表组件的创建装置建立远程通讯连接。用户终端向创建装置发送图表组件的创建请求，创建装置响应该请求为用户终端提供创建图表组件的功能。

该实施例中，绘图函数可以用于多种图表的绘制，例如金融图表、数学分析图表等，单个的绘图函数主要是用于实现图表的基础组成元素的绘制，例如，对于金融K线图来说，可以实现基础线、手数、坐标轴、K线等基础组成元素的绘制。这些绘图函数可以是画坐标函数，画点函数，画线函数，填充颜色函数等，这些绘图函数是未设置具体输入参数值的函数式，存储在预先构建的JavaScript库中，该JavaScript库部署在图表组件的创建装置。

用户终端上提供有创建图表组件的控件或者链接，当用户点击该控件或者链接时，用户终端向图表组件的创建装置发送图表组件的创建请求。当创建装置接收到图表组件的创建请求时，将预先设置的图表组件编辑界面发送至用户终端显示，该图表组件编辑界面上包含有预先设置的绘图函数，以供用户选择。

用户可以根据自己要绘制的图表元素，选择对应的绘图函数，并为绘图函数赋值，即设置输入参数值，得到具体的图表元素。通过这种方式用户从图表组件编辑界面上选择多个绘图函数进行图表的绘制，其中，对绘图函数的输入参数值进行赋值即是对对应的图表元素的属性进行赋值，例如，绘制圆形图像时，对圆心的坐标和半径的大小进行赋值。在用户为绘图函数赋值后，用户终端将赋值后的绘图函数发送至创建装置，创建装置确定用户选择的绘图函数以及为该绘图函数设置的输入参数值，然后根据绘图函数和输入参数值绘制出对应的图表元素，将该图表元素发送至用户终端，用户终端在于图表组件编辑界面匹配的图表预览区域实时地展示该图表元素，以使用户可以实时地看到自己绘制的图表元素的显示效果，进而对绘图函数的输入参数值进行调整。用户可以不断重复上述操作以对多个绘图函数进行赋值，从而创建出多个图表元素，以完成图表组件的绘制。当用户完成图表的完成后，基于该编辑界面上的绘制完成控件触发绘制完成指令。

当创建装置接收到用户终端发送的绘制完成指令时，确定用户在绘制图表的过程中选择的全部绘图函数，将这些绘图函数以及用户为这些绘图函数设置的输入参数值进行封装，得到图表组件代码。将该图表组件代码存储至预先设置的图表代码库，同时将对应的可视化图表添加至图表模板列表中，以供用户直接从图表模板中调用。

进一步地，在一实施例中，组件创建程序01还可被处理器12执行，以在将图表组件代码存储至组件库之前，还实现如下步骤：对封装好的图表组件代码进行安全性检查和可用性检查；若通过所述安全性检查和所述可用性检查，则执行所述将所述图表组件代码存储至所述组件库的步骤；若未通过所述安全性检查和所述可用性检查，则向所述用户终端发送对应的提示信息。

进一步地，用户可以为编辑的图表组件设置为用于展示特定格式或者特定类型的数据，系统将用户上传的图表组件与特定格式或者特定类型的数据关联后存储。

可选地，在其他实施例中，将所述图表组件代码存储至组件库的步骤包括：为所述图表组件代码添加标识信息，以将所述图表组件代码标记为可编辑图表组件；将添加有所述标识信息的图表组件代码存储至所述组件库。

用户在使用过程中，可以对这些图表组件进行重新编辑，当系统接收到用户基于可编辑图表组件发送的图表组件修改指令时，从图表代码库中获取对应的图表组件代码，并显示其中的绘图函数，以供用户对其中的绘图函数的输入参数值进行修改，进而实现对图表的显示效果的修改。

可选地，在其他实施例中，组件创建程序01还可被处理器12执行，以实现如下步骤：

当接收用户终端发送的图表组件选择指令时，确定与所述图表组件选择指令对应的图表组件；

从组件库中获取所述图表组件的代码，根据获取的代码将所述图表组件发送至所述用户终端展示，并将与该图表组件对应的报表数据配置界面发送至所述用户终端展示，所述报表数据配置界面上包括参数输入框以及数据源信息；

当接收到所述用户终端基于所述报表数据配置界面发送的数据查询请求时，从所述数据查询请求中获取查询参数和查询条件，根据所述查询参数和查询条件生成数据查询语句，并基于所述数据查询语句从与所述数据源信息对应的数据源中获取对应的报表数据；

将获取到的报表数据发送至所述用户终端，以供所述用户终端将所述报表数据展示在所述图表组件中。

具体地，在报表数据配置界面上包含有查询参数的输入框，参数输入框包括数据源名称输入框、数据库名输入框、数据表名输入框、过滤条件输入框、查询结果字段输入框等。此外，该设置界面上包含有当前与报表系统对接的多个数据源以供用户选择。用户在选择数据源之后，将用户选择的数据源展示在设置界面上，用户通过拖拽操作将要展示的数据库参数、数据表参数、数据列参数以及过滤条件等填充至上述对应的参数输入框中。用户终端基于上述参数生成数据查询请求发送至上述创建装置。图表组件的创建装置从该数据查询请求中获取查询参数和查询条件，其中查询参数包括数据源名称、数据库名、数据表名、查询结果字段等，根据这些参数生成SQL数据查询语句，基于该数据查询语句从对应的数据源中获取对应的报表数据。

可选地，组件创建程序01还可被处理器12执行，以在所述将获取到的报表数据发送至所述用户终端的步骤之前，还实现如下步骤：

从所述数据查询请求中获取用户标识信息，并获取存储的权限配置文件；

根据所述权限配置文件确定与所述用户标识信息对应的访问权限信息；

根据所述访问权限信息，在内存中对获取到的报表数据进行筛选，过滤掉与所述访问权限信息不匹配的报表数据，保留与所述访问权限信息匹配的报表数据；

所述将获取到的报表数据发送至所述用户终端的步骤包括：

将保留的与所述访问权限信息匹配的报表数据发送至所述用户终端。

具体地，可以为用户设置对报表数据的访问权限，例如，以数据列或者数据行为单位授予访问权限。预先创建权限配置文件，该权限配置文件中设置了每一个用户标识信息对应的访问权限信息，该访问权限信息中限定了用户有权限访问的数据行或者数据列，例如，xx用户有xx报表的xx列的访问权限；根据所述访问权限信息，在内存中对查找到的报表数据进行筛选，过滤掉与所述访问权限信息不匹配的数据列，保留与所述访问权限信息匹配的数据列。并将经过滤处理后的数据发送至用户终端，以供用户终端的前端报表组件显示报表数据。

本实施例提出的图表组件的创建装置，当接收到用户终端发送的图表组件的创建请求时，将图表组件编辑界面发送至用户终端显示，图表组件编辑界面上包含预先设置的绘图函数；确定用户终端基于图表组件编辑界面选择的绘图函数以及为绘图函数设置的输入参数值；根据绘图函数和输入参数值绘制对应的图表元素，并将图表元素发送至用户终端显示，并在用户终端上与图表组件编辑界面匹配的图表预览区域显示该图表元素；当接收到用户基于图表组件编辑界面发送的绘制完成指令时，确定用户终端选择的全部绘图函数以及与各个绘图函数对应的输入参数值，将确定的绘图函数和其对应的输入参数值封装为图表组件代码；将图表组件代码存储至组件库。本发明的方案提供给用户通过绘图函数绘制组成图表组件的各个元素，进而通过这些元素的组合形成自己想要的图表组件，满足用户对图表多样性的要求，实现图表组件的灵活配置。

可选地，在其他的实施例中，组件创建程序还可以被分割为一个或者多个模块，一个或者多个模块被存储于存储器11中，并由一个或多个处理器(本实施例为处理器12)所执行以完成本发明，本发明所称的模块是指能够完成特定功能的一系列计算机程序指令段，用于描述组件创建程序在图表组件的创建装置中的执行过程。

例如，参照图3所示，为本发明图表组件的创建装置一实施例中的组件创建程序的程序模块示意图，该实施例中，组件创建程序可以被分割为模块第一发送10、参数确定模块20、第二发送模块30、代码封装模块40和代码存储模块50，示例性地：

第一发送模块10用于：当接收到用户终端发送的图表组件的创建请求时，将图表组件编辑界面发送至所述用户终端显示，所述图表组件编辑界面上包含预先设置的绘图函数；

参数确定模块20用于：确定用户终端基于所述图表组件编辑界面选择的绘图函数以及为所述绘图函数设置的输入参数值；

第二发送模块30用于：根据所述绘图函数和所述输入参数值绘制对应的图表元素，并将所述图表元素发送至所述用户终端显示，并在所述用户终端上与所述图表组件编辑界面匹配的图表预览区域显示所述图表元素；

代码封装模块40用于：当接收到用户基于所述图表组件编辑界面发送的绘制完成指令时，确定用户终端选择的全部绘图函数以及与各个绘图函数对应的输入参数值，将确定的绘图函数和其对应的输入参数值封装为图表组件代码；

代码存储模块50用于：将所述图表组件代码存储至组件库。

上述第一发送10、参数确定模块20、第二发送模块30、代码封装模块40和代码存储模块50等程序模块被执行时所实现的功能或操作步骤与上述实施例大体相同，在此不再赘述。

此外，本发明实施例还提出一种计算机可读存储介质，所述计算机可读存储介质上存储有组件创建程序，所述组件创建程序可被一个或多个处理器执行，以实现如下操作：

当接收到用户终端发送的图表组件的创建请求时，将图表组件编辑界面发送至所述用户终端显示，所述图表组件编辑界面上包含预先设置的绘图函数；

确定用户终端基于所述图表组件编辑界面选择的绘图函数以及为所述绘图函数设置的输入参数值；

根据所述绘图函数和所述输入参数值绘制对应的图表元素，并将所述图表元素发送至所述用户终端显示，并在所述用户终端上与所述图表组件编辑界面匹配的图表预览区域显示所述图表元素；

当接收到用户基于所述图表组件编辑界面发送的绘制完成指令时，确定用户终端选择的全部绘图函数以及与各个绘图函数对应的输入参数值，将确定的绘图函数和其对应的输入参数值封装为图表组件代码；

将所述图表组件代码存储至组件库。

本发明计算机可读存储介质具体实施方式与上述图表组件的创建装置和方法各实施例基本相同，在此不作累述。

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

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

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

Claims (10)

1.一种图表组件的创建方法，其特征在于，所述方法包括：

当接收到用户终端发送的图表组件的创建请求时，将图表组件编辑界面发送至所述用户终端显示，所述图表组件编辑界面上包含预先设置的绘图函数，绘图函数用于实现图表的基础组成元素的绘制，绘图函数是未设置具体输入参数值的函数式，存储在预先构建的JavaScript库中，JavaScript库部署在图表组件的创建装置；

确定用户终端基于所述图表组件编辑界面选择的绘图函数以及为所述绘图函数设置的输入参数值；

根据所述绘图函数和所述输入参数值绘制对应的图表元素，并将所述图表元素发送至所述用户终端显示，并在所述用户终端上与所述图表组件编辑界面匹配的图表预览区域显示所述图表元素；

当接收到用户基于所述图表组件编辑界面发送的绘制完成指令时，确定用户终端选择的全部绘图函数以及与各个绘图函数对应的输入参数值，将确定的绘图函数和其对应的输入参数值封装为图表组件代码；

将所述图表组件代码存储至组件库。

2.如权利要求1所述的图表组件的创建方法，其特征在于，所述将所述图表组件代码存储至组件库的步骤之前，所述图表组件的创建方法还包括步骤：

对封装好的图表组件代码进行安全性检查和可用性检查；

若通过所述安全性检查和所述可用性检查，则执行所述将所述图表组件代码存储至所述组件库的步骤；

若未通过所述安全性检查和所述可用性检查，则向所述用户终端发送对应的提示信息。

3.如权利要求1所述的图表组件的创建方法，其特征在于，所述将所述图表组件代码存储至组件库的步骤包括：

为所述图表组件代码添加标识信息，以将所述图表组件代码标记为可编辑图表组件；

将添加有所述标识信息的图表组件代码存储至所述组件库。

4.如权利要求1至3中任一项所述的图表组件的创建方法，其特征在于，所述图表组件的创建方法还包括步骤：

当接收用户终端发送的图表组件选择指令时，确定与所述图表组件选择指令对应的图表组件；

从组件库中获取所述图表组件的代码，根据获取的代码将所述图表组件发送至所述用户终端展示，并将与该图表组件对应的报表数据配置界面发送至所述用户终端展示，所述报表数据配置界面上包括参数输入框以及数据源信息；

当接收到所述用户终端基于所述报表数据配置界面发送的数据查询请求时，从所述数据查询请求中获取查询参数和查询条件，根据所述查询参数和查询条件生成数据查询语句，并基于所述数据查询语句从与所述数据源信息对应的数据源中获取对应的报表数据；

将获取到的报表数据发送至所述用户终端，以供所述用户终端将所述报表数据展示在所述图表组件中。

5.如权利要求4所述的图表组件的创建方法，其特征在于，所述将获取到的报表数据发送至所述用户终端的步骤之前，所述方法还包括步骤：

从所述数据查询请求中获取用户标识信息，并获取存储的权限配置文件；

根据所述权限配置文件确定与所述用户标识信息对应的访问权限信息；

根据所述访问权限信息，在内存中对获取到的报表数据进行筛选，过滤掉与所述访问权限信息不匹配的报表数据，保留与所述访问权限信息匹配的报表数据；

所述将获取到的报表数据发送至所述用户终端的步骤包括：

将保留的与所述访问权限信息匹配的报表数据发送至所述用户终端。

6.一种图表组件的创建装置，其特征在于，所述装置包括存储器和处理器，所述存储器上存储有可在所述处理器上运行的组件创建程序，所述组件创建程序被所述处理器执行时实现如下步骤：

当接收到用户终端发送的图表组件的创建请求时，将图表组件编辑界面发送至所述用户终端显示，所述图表组件编辑界面上包含预先设置的绘图函数，绘图函数用于实现图表的基础组成元素的绘制，绘图函数是未设置具体输入参数值的函数式，存储在预先构建的JavaScript库中，JavaScript库部署在图表组件的创建装置；

确定用户终端基于所述图表组件编辑界面选择的绘图函数以及为所述绘图函数设置的输入参数值；

根据所述绘图函数和所述输入参数值绘制对应的图表元素，并将所述图表元素发送至所述用户终端显示，并在所述用户终端上与所述图表组件编辑界面匹配的图表预览区域显示所述图表元素；

当接收到用户基于所述图表组件编辑界面发送的绘制完成指令时，确定用户终端选择的全部绘图函数以及与各个绘图函数对应的输入参数值，将确定的绘图函数和其对应的输入参数值封装为图表组件代码；

将所述图表组件代码存储至组件库。

7.如权利要求6所述的图表组件的创建装置，其特征在于，所述组件创建程序还可被所述处理器执行，以在所述将所述图表组件代码存储至组件库的步骤之前，还实现如下步骤：

对封装好的图表组件代码进行安全性检查和可用性检查；

若通过所述安全性检查和所述可用性检查，则执行所述将所述图表组件代码存储至所述组件库的步骤；

若未通过所述安全性检查和所述可用性检查，则向所述用户终端发送对应的提示信息。

8.如权利要求6或7所述的图表组件的创建装置，其特征在于，所述组件创建程序还可被所述处理器执行，以实现如下步骤：

当接收用户终端发送的图表组件选择指令时，确定与所述图表组件选择指令对应的图表组件；

从组件库中获取所述图表组件的代码，根据获取的代码将所述图表组件发送至所述用户终端展示，并将与该图表组件对应的报表数据配置界面发送至所述用户终端展示，所述报表数据配置界面上包括参数输入框以及数据源信息；

当接收到所述用户终端基于所述报表数据配置界面发送的数据查询请求时，从所述数据查询请求中获取查询参数和查询条件，根据所述查询参数和查询条件生成数据查询语句，并基于所述数据查询语句从与所述数据源信息对应的数据源中获取对应的报表数据；

将获取到的报表数据发送至所述用户终端，以供所述用户终端将所述报表数据展示在所述图表组件中。

9.如权利要求8所述的图表组件的创建装置，其特征在于，所述组件创建程序还可被所述处理器执行，以实现如下步骤：

从所述数据查询请求中获取用户标识信息，并获取存储的权限配置文件；

根据所述权限配置文件确定与所述用户标识信息对应的访问权限信息；

根据所述访问权限信息，在内存中对获取到的报表数据进行筛选，过滤掉与所述访问权限信息不匹配的报表数据，保留与所述访问权限信息匹配的报表数据；

所述将获取到的报表数据发送至所述用户终端的步骤包括：

将保留的与所述访问权限信息匹配的报表数据发送至所述用户终端。

10.一种计算机可读存储介质，其特征在于，所述计算机可读存储介质上存储有组件创建程序，所述组件创建程序可被一个或者多个处理器执行，以实现如权利要求1至5中任一项所述的图表组件的创建方法的步骤。

Images