CN114238807A - 数据可视化页面的处理方法和装置 - Google Patents

Abstract

本申请公开了一种数据可视化页面的处理方法和装置，用于金融科技领域或其它领域。该方法包括：获取待展示图表的描述信息和结构化查询语句，其中，结构化查询语句用于调用待展示图表需要的目标数据信息；依据描述信息，确定待展示图表的标签文本；依据结构化查询语句，调用待展示图表需要的目标数据信息；将目标数据信息存储至标签文本中的目标位置；通过自定义标签转换组件将存储有目标数据信息的标签文本转换为HTML标签；依据HTML标签将目标数据信息按照预设图表样式在屏幕上展示。通过本申请，解决了相关技术中展示不同的数据或者修改图表的样式时，开发人员需要重新开发不同的展示模板，导致费时又费力的问题。

Description

数据可视化页面的处理方法和装置

技术领域

本申请涉及金融科技领域，具体而言，涉及一种数据可视化页面的处理方法和装置。

背景技术

随着信息时代的发展，数据呈指数级增长。面对纷繁复杂的数据，如果仅仅通过文本的方式进行展示，那么是很难发现数据蕴含的信息。将数据信息按照一定的类型进行分类，并用图表等视觉元素展现在大屏幕上，能更加直观的让人们发现这些数据背后蕴含的信息。一个好的可视化大屏，给人们带来的不仅仅是视觉上的冲击，更能够揭示蕴含在数据背后的规律。但是目前在数据可视化页面的实现上需要IT技术人员进行编码开发，当需要展示不同的数据或者修改图表的样式，还需要去重新开发多个不同的展示模板，导致费时费力的问题。

针对相关技术中展示不同的数据或者修改图表的样式时，开发人员需要重新开发不同的展示模板，导致数据可视化页面的设计过程费时又费力的问题，目前尚未提出有效的解决方案。

发明内容

本申请的主要目的在于提供一种数据可视化页面的处理方法和装置，以解决相关技术中展示不同的数据或者修改图表的样式时，开发人员需要重新开发不同的展示模板，导致数据可视化页面的设计过程费时又费力的问题。

为了实现上述目的，根据本申请的一个方面，提供了一种数据可视化页面的处理方法。该方法包括：获取待展示图表的描述信息和结构化查询语句，其中，所述结构化查询语句用于调用所述待展示图表需要的目标数据信息；依据所述描述信息，确定所述待展示图表的标签文本，其中，所述标签由多个字符串按照预设位置排列方式组成；依据所述结构化查询语句，调用所述待展示图表需要的目标数据信息；将所述目标数据信息存储至所述标签文本中的目标位置；通过自定义标签转换组件将存储有所述目标数据信息的标签文本转换为HTML标签；依据所述HTML标签将所述目标数据信息按照预设图表样式在屏幕上展示。

进一步地，在获取待展示图表的描述信息和结构化查询语句之前，所述方法还包括：获取目标用户选择的目标模板，其中，所述目标模板中包括多个图表描述信息输入框和多个图表数据来源输入框；通过所述图表描述信息输入框中接收所述待展示图表的描述信息；通过所述图表数据来源输入框中接收所述结构化查询语句。

进一步地，依据所述描述信息，确定所述待展示图表的标签文本包括：通过语义识别对所述描述信息进行识别，得到所述待展示图表的初始特征值，其中，所述初始特征值至少包括：待展示图表的类型，待展示图表的宽度，待展示图表的高度，待展示图表的主题，所述目标模板的标题；通过所述图表描述信息输入框确定所述待展示图表的位置；将所述目标模板的类型和所述待展示图表的位置添加至所述初始特征值中，得到目标特征值；依据所述目标特征值，确定所述待展示图表的标签文本。

进一步地，依据所述目标特征值，确定所述待展示图表的标签文本包括：将所述目标特征值中待展示图表的类型在词库中进行匹配，以确定所述待展示图表的标签文本，其中，所述词库中至少包括：图表的类型，图表的标签文本，以及所述图表的类型和所述图表的标签文本之间的映射关系。

进一步地，将所述目标特征值中待展示图表的类型在词库中进行匹配还包括：将所述目标特征值存储在一个Map中；将所述Map中的待展示图表的类型与所述词库进行匹配，得到目标标签文本，其中，所述目标标签文本由多个字符串按照预设位置排列方式组成；将所述Map中的待展示图表的宽度，待展示图表的高度和待展示图表的主题存储至所述目标标签文本中的目标位置，得到修改后的目标标签文本；将所述修改后的目标标签文本作为所述待展示图表的标签文本。

进一步地，在依据所述结构化查询语句，调用所述待展示图表需要的目标数据信息之前，所述方法还包括：将所述待展示图表的标签文本，所述Map中的目标模板的类型和待展示图表的位置，所述结构化查询语句和所述目标用户的ID作为所述目标用户创建的数据信息；将所述数据信息存储在用户自定义屏幕信息表中。

进一步地，依据所述结构化查询语句，调用所述待展示图表需要的目标数据信息包括：依据所述用户自定义屏幕信息表获取所述目标用户创建的数据信息；将所述数据信息按照所述待展示图表的位置信息进行排序；按照所述待展示图表的位置顺序，通过所述结构化查询语句，调用所述待展示图表需要的目标数据信息。

进一步地，通过自定义标签文本转换组件将带有目标数据信息的标签文本转换为HTML标签包括：将存储有所述目标数据信息的标签文本按照所述待展示的图表位置存储在JSON数组中；将所述JSON数组传输至前端；通过所述自定义标签文本转换组件将存储有所述目标数据信息的标签转换为所述HTML标签。

为了实现上述目的，根据本申请的另一方面，提供了一种数据可视化页面的处理装置。该装置包括：第一获取单元，用于获取待展示图表的描述信息和结构化查询语句，其中，所述结构化查询语句用于调用所述待展示图表需要的目标数据信息；确定单元，用于依据所述描述信息，确定所述待展示图表的标签文本，其中，所述标签文本由多个字符串按照预设位置排列方式组成；调用单元，用于依据所述结构化查询语句，调用所述待展示图表需要的目标数据信息；第一存储单元，用于将所述目标数据信息存储至所述标签文本中的目标位置；转换单元，用于通过自定义标签文本转换组件将存储有所述目标数据信息的标签文本转换为HTML标签；展示单元，用于依据所述HTML标签将所述目标数据信息按照预设图表样式在屏幕上展示。

进一步地，所述装置还包括：第二获取单元，用于在获取待展示图表的描述信息和结构化查询语句之前，获取目标用户选择的目标模板，其中，所述目标模板中包括多个图表描述信息输入框和多个图表数据来源输入框；第一接收单元，用于通过所述图表描述信息输入框中接收所述待展示图表的描述信息；第二接收单元，用于通过所述图表数据来源输入框中接收所述结构化查询语句。

进一步地，所述确定单元包括：识别子单元，用于通过语义识别对所述描述信息进行识别，得到所述待展示图表的初始特征值，其中，所述初始特征值至少包括：待展示图表的类型，待展示图表的宽度，待展示图表的高度，待展示图表的主题，所述目标模板的标题；第一确定子单元，用于通过所述图表描述信息输入框确定所述待展示图表的位置；第一获取子单元，用于将所述目标模板的类型和所述待展示图表的位置添加至所述初始特征值中，得到目标特征值；第二确定子单元，用于依据所述目标特征值，确定所述待展示图表的标签文本。

进一步地，所述第二确定子单元包括：确定模块，用于将所述目标特征值中待展示图表的类型在词库中进行匹配，以确定所述待展示图表的标签文本，其中，所述词库中至少包括：图表的类型，图表的标签文本，以及所述图表的类型和所述图表的标签文本之间的映射关系。

进一步地，所述确定模块包括：第一存储子模块，用于将所述目标特征值存储在一个Map中；匹配子模块，用于将所述Map中的待展示图表的类型与所述词库进行匹配，得到目标标签文本，其中，所述目标标签文本由多个字符串按照预设位置排列方式组成；第二存储子模块，用于将所述Map中的待展示图表的宽度，待展示图表的高度和待展示图表的主题存储至所述目标标签文本中的目标位置，得到修改后的目标标签文本；将所述修改后的目标标签文本作为所述待展示图表的标签文本。

进一步地，所述装置还包括：在依据所述结构化查询语句，调用所述待展示图表需要的目标数据信息之前，将所述待展示图表的标签文本，所述Map中的目标模板的类型和待展示图表的位置，所述结构化查询语句和所述目标用户的ID作为所述目标用户创建的数据信息；第二存储单元，用于将所述数据信息存储在用户自定义屏幕信息表中。

进一步地，所述调用单元包括：第二获取子单元，用于依据所述用户自定义屏幕信息表获取所述目标用户创建的数据信息；排序子单元，用于将所述数据信息按照所述待展示图表的位置信息进行排序；调用子单元，用于按照所述待展示图表的位置顺序，通过所述结构化查询语句，调用所述待展示图表需要的目标数据信息。

进一步地，所述转换单元包括：存储子单元，用于将存储有所述目标数据信息的标签文本按照所述待展示的图表位置存储在JSON数组中；传输子单元，用于将所述JSON数组传输至前端；转换子单元，用于通过所述自定义标签文本转换组件将存储有所述目标数据信息的标签文本转换为所述HTML标签。

为了实现上述目的，根据本申请的另一方面，提供了一种计算机可读存储介质。所述存储介质包括存储的程序，其中，所述程序执行上述任意一项所述的数据可视化页面的处理方法。

为了实现上述目的，根据本申请的另一方面，提供了一种电子设备。所述电子设备包括一个或多个处理器和存储器，所述存储器用于存储一个或多个程序，其中，当所述一个或多个程序被所述一个或多个处理器执行时，使得所述一个或多个处理器实现上述任意一项所述的数据可视化页面的处理方法。

通过本申请，采用以下步骤：获取待展示图表的描述信息和结构化查询语句，其中，所述结构化查询语句用于调用所述待展示图表需要的目标数据信息；依据所述描述信息，确定所述待展示图表的标签文本，其中，所述标签文本由多个字符串按照预设位置排列方式组成；依据所述结构化查询语句，调用所述待展示图表需要的目标数据信息；将所述目标数据信息存储至所述标签文本中的目标位置；通过自定义标签文本转换组件将存储有所述目标数据信息的标签文本转换为HTML标签；依据所述HTML标签将所述目标数据信息按照预设图表样式在屏幕上展示，解决了相关技术中展示不同的数据或者修改图表的样式时，开发人员需要重新开发不同的展示模板，导致数据可视化页面的设计过程费时又费力的问题。通过待展示图表的描述信息和调用待展示图表所需数据的结构化查询语句，就可以实现数据可视化页面，进而达到了高效、灵活的创建数据可视化页面的效果。

附图说明

构成本申请的一部分的附图用来提供对本申请的进一步理解，本申请的示意性实施例及其说明用于解释本申请，并不构成对本申请的不当限定。在附图中：

图1是根据本申请实施例提供的数据可视化页面的处理方法的流程图；

图2是根据本申请实施例提供的可选的数据可视化页面的处理方法的流程图；

图3是根据本申请实施例提供的数据可视化页面的处理装置的示意图；

图4是根据本申请实施例提供的电子设备的结构示意图。

具体实施方式

需要说明的是，在不冲突的情况下，本申请中的实施例及实施例中的特征可以相互组合。下面将参考附图并结合实施例来详细说明本申请。

为了使本技术领域的人员更好地理解本申请方案，下面将结合本申请实施例中的附图，对本申请实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本申请一部分的实施例，而不是全部的实施例。基于本申请中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都应当属于本申请保护的范围。

需要说明的是，本申请的说明书和权利要求书及上述附图中的术语“第一”、“第二”等是用于区别类似的对象，而不必用于描述特定的顺序或先后次序。应该理解这样使用的数据在适当情况下可以互换，以便这里描述的本申请的实施例。此外，术语“包括”和“具有”以及他们的任何变形，意图在于覆盖不排他的包含，例如，包含了一系列步骤或单元的过程、方法、系统、产品或设备不必限于清楚地列出的那些步骤或单元，而是可包括没有清楚地列出的或对于这些过程、方法、产品或设备固有的其它步骤或单元。

为了便于描述，以下对本申请实施例涉及的部分名词或术语进行说明：

HTML：超文本标记语言，是一种标记语言。它包括一系列标签，通过这些标签可以将网络上的文档格式统一，使分散的Internet资源连接为一个逻辑整体。

JSON数组：JavaScript Object Notation，是一种轻量级的数据交换格式。它基于ECMAScript(欧洲计算机协会制定的js规范)的一个子集，采用完全独立于编程语言的文本格式来存储和表示数据。

React.js：是用于构建用户界面的JavaScript库，JavaScript(简称“JS”)是一种具有函数优先的轻量级，解释型或即时编译型的编程语言。

JsxParser组件：是一个轻量级的Jsx解析器；Jsx是一种JavaScript的语法扩展，运用于React架构中，其格式比较像模板语言，但事实上完全是在JavaScript内部实现的。

下面结合优选的实施步骤对本发明进行说明，图1是根据本申请实施例提供的数据可视化页面的处理方法的流程图，如图1所示，该方法包括如下步骤：

步骤S101，获取待展示图表的描述信息和结构化查询语句。

例如，当用户需要创建数据可视化页面时，用户输入的待展示的图表的描述信息和调用待展示的图表需要的数据信息的结构化查询语句。

步骤S102，依据描述信息，确定待展示图表的标签文本。

通过用户输入的待展示的图表的描述信息，确定待展示图表的标签文本，其中待展示图表的标签文本由多个字符串按照预设位置排列方式组成。

步骤S103，依据结构化查询语句，调用待展示图表需要的目标数据信息。

通过用户输入的结构化查询语句，在数据库中查找到待展示图表需要的目标数据信息。

步骤S104，将目标数据信息存储至标签文本中的目标位置。

将得到的待展示图表需要的目标数据信息存储在待展示图表的标签文本中。

步骤S105，通过自定义标签文本转换组件将存储有目标数据信息的标签文本转换为HTML标签。

通过自定义标签文本转换组件，将这些存储有目标数据信息的标签文本，转换为真正的HTML标签。

步骤S106，依据HTML标签将目标数据信息按照预设图表样式在屏幕上展示。

HTML标签使得这些存储有目标数据信息的标签文本可以在页面上展示出来。

通过上述步骤，用户只需要输入待展示图表的描述信息和调用图表待展示图表所需数据的结构化查询语句，然后通过语义识别和自定义标签文本转换组件进行处理，就可以得到一个满足用户需求的数据可视化页面。这种方式极大地缩短了数据可视化页面的创建时间，提高了创建数据可视化页面的效率。

可选地，在本申请实施例提供的数据可视化页面的处理方法中，在获取待展示图表的描述信息和结构化查询语句之前，该方法还包括：获取目标用户选择的目标模板，其中，目标模板中包括多个图表描述信息输入框和多个图表数据来源输入框；通过图表描述信息输入框中接收待展示图表的描述信息；通过图表数据来源输入框中接收结构化查询语句。

例如，目标用户可以根据自己的需要，选择合适的布局模板(即目标模板)，在布局模板上包含多个图表描述信息输入框和多个图表数据来源输入框。用户在图表描述信息输入框中输入待展示图表的描述信息，描述信息包括图表的类型、大小、标题等信息。例如，用户选择模板1，并在位置1的图表描述信息输入框中输入“标题为活跃用户数量趋势，宽度100％，高度50％，主题为bigSreen的折线图”。用户在图表数据来源输入框输入调用待展示图表所需数据的结构化查询语句。

在创建数据可视化页面上，用户只需要输入简单的语言描述和结构化查询语句，便可以创建出一个满足自己需要的数据可视化页面。对于用户而言，操作简单方便。

可选地，在本申请实施例提供的数据可视化页面的处理方法中，依据描述信息，确定待展示图表的标签文本包括：通过语义识别对描述信息进行识别，得到待展示图表的初始特征值，其中，初始特征值至少包括：待展示图表的类型，待展示图表的宽度，待展示图表的高度，待展示图表的主题，目标模板的标题；通过图表描述信息输入框确定待展示图表的位置；将目标模板的类型和待展示图表的位置添加至初始特征值中，得到目标特征值；依据目标特征值，确定待展示图表的标签文本。

通过语义识别对用户输入的描述信息进行识别，得到初始特征值，并将目标模板的类型和待展示图表的位置添加到初始特征值中，得到目标特征值。例如，目标用户选择模板1，并在位置1的图表描述信息输入框中输入“标题为活跃用户数量趋势，宽度100％，高度50％，主题为bigSreen的折线图”。那么对应的目标特征值为：图表1：(template1，折线图，100％，50％，bigScreen，活跃用户数量趋势，1)。上述目标特征值分别对应(模板，图表类型，宽度，高度，图表主题，标题，位置)。通过这些目标特征值来匹配待展示图表的标签文本。

通过语义识别可以精准识别到用户输入的描述信息中的特征值，提高了创建数据可视化页面的效率。

可选地，在本申请实施例提供的数据可视化页面的处理方法中，依据目标特征值，确定待展示图表的标签文本包括：将目标特征值中待展示图表的类型在词库中进行匹配，以确定待展示图表的标签文本，其中，词库中至少包括：图表的类型，图表的标签文本，以及图表的类型和图表的标签文本之间的映射关系。

通过目标特征值中的待展示图表的类型与词库进行匹配，来确定待展示图表的标签文本。对于词库，将数据可视化页面常用的描述图表样式的词语(例如，折线图，柱状图，散点图)添加到词库中，并为这些描述图表样式的词语与对应图表类型的标签文本构建映射关系，例如：折线图——<LineChart option＝{lineChartOption}formatter＝{formatter}width＝{input_width}height＝{input_height}theme＝{input_theme}/>——{lineChartOption}(其中lineChartOption为一个JSONObject对象)。折线图对应的标签文本如上述所示，由多个字符串按照固定位置排列组成。

通过将数据可视化页面常用的描述图表样式的词语(例如，折线图，柱状图，散点图)添加到词库中，并为这些描述图表样式的词语与对应图表类型的标签文本构建映射关系。这样的前期准备使得后续对待展示图表的类型进行标签文本匹配时，可以快速精准得匹配到待展示图表对应的标签文本。

可选地，在本申请实施例提供的数据可视化页面的处理方法中，将目标特征值中待展示图表的类型在词库中进行匹配还包括：将目标特征值存储在一个Map中；将Map中的待展示图表的类型与词库进行匹配，得到目标标签文本，其中，目标标签文本由多个字符串按照预设位置排列方式组成；将Map中的待展示图表的宽度，待展示图表的高度和待展示图表的主题存储至目标标签文本中的目标位置，得到修改后的目标标签文本；将修改后的目标标签文本作为待展示图表的标签文本。

例如，目标特征值为图表1：(模板1，折线图，100％，50％，bigScreen，活跃用户数量趋势，1)，将目标特征值存储到一个Map中得到{"template_id"："template1"，"chart_type"："折线图"，"input_width"："100％","input_height"："50％"，"input_theme"："bigScreen"，"input_title"："活跃用户数量趋势"，"position"："1"}。根据chart_type对应的value值(例如，折线图)去匹配词库中的描述图表样式的词语，得到对应的图表标签文本。例如，chart_type为“折线图”，那么在词库中匹配得到的目标标签文本为<LineChartoption＝{lineChartOption}formatter＝{formatter}width＝{input_width}height＝{input_height}theme＝{input_theme}/>。然后将Map中的待展示图表的宽度，待展示图表的高度和待展示图表的主题存储至目标标签文本中的目标位置，得到修改后的目标标签文本。其中图表的宽度和长度的信息，需要替换为css样式，即wh和vh。例如，由图表1信息拼装得到的标签文本信息为：<LineChart option＝{lineChartOption}formatter＝{formatter}width＝{"100wh"}height＝{"50vh"}theme＝{"bigScreen"}/>。

将得到的目标特征值存储在一个Map中，通过Map再和词库中的图表样式进行匹配。Map是一种以键值对的形式来存储元素的结构，并且提供相应的成员函数来协助高效的插入，识别和删除键值等。所以通过Map可以快速实现目标特征值存与词库的匹配工作。

可选地，在本申请实施例提供的数据可视化页面的处理方法中，在依据结构化查询语句，调用待展示图表需要的目标数据信息之前，该方法还包括：将待展示图表的标签文本，Map中的目标模板的类型和待展示图表的位置，结构化查询语句和目标用户的ID作为目标用户创建的数据信息；将数据信息存储在用户自定义屏幕信息表中。

将待展示图表的标签文本，Map中的目标模板的类型和待展示图表的位置，结构化查询语句和目标用户的ID存储在用户自定义屏幕信息表中。

将用户ID与用户自定义的大屏数据(即待展示图表的标签文本，Map中的目标模板的类型和待展示图表的位置，结构化查询语句)一同存储在数据表中，便于之后获取目标用户自定义的数据可视化页面的数据信息。

可选地，在本申请实施例提供的数据可视化页面的处理方法中，依据结构化查询语句，调用待展示图表需要的目标数据信息包括：依据用户自定义屏幕信息表获取目标用户创建的数据信息；将数据信息按照待展示图表的位置信息进行排序；按照待展示图表的位置顺序，通过结构化查询语句，调用待展示图表需要的目标数据信息。

通过用户自定义屏幕信息表查询目标用户创建的数据信息，并将查询到的数据信息按照待展示图表的位置信息从小到大进行排序。按照待展示图表位置的顺序，通过结构化查询语句，在数据库中查找待展示图表需要的数据信息。

结构化查询是一种非过程语言，可以同时访问多条记录，是所有关系型数据库的通用语言。结构化查询用于查询、插入、删除、修改数据和对象的指令非常的简单。通过结构化查询语句实现数据的调用，提高了数据调用工作的效率。

可选地，在本申请实施例提供的数据可视化页面的处理方法中，通过自定义标签文本转换组件将带有目标数据信息的标签文本转换为HTML标签包括：将存储有所述目标数据信息的标签按照所述待展示的图表位置存储在JSON数组中；将所述JSON数组传输至前端；通过所述自定义标签文本转换组件将存储有所述目标数据信息的标签文本转换为所述HTML标签。

按照图表位置顺序处理完所有位置的待展示图表后，所有的带有数据信息的标签按照图表位置顺序存放在JSON数组中，并将JSON数组返回给前端(例如，前端可以是React.js)，前端在接收到后端返回的JSON数组后，也会按照图表位置顺序，通过自定义标签文本转换组件(例如，JsxParser组件)，将这些标签文本，转换为真正的HTML标签，使得这些目标数据信息按照预设图表样式在页面上展示出来。

本申请实施例提供的数据可视化页面的处理方法，通过获取待展示图表的描述信息和结构化查询语句，其中，结构化查询语句用于调用待展示图表需要的目标数据信息；依据描述信息，确定待展示图表的标签文本，其中，标签文本由多个字符串按照预设位置排列方式组成；依据结构化查询语句，调用待展示图表需要的目标数据信息；将目标数据信息存储至标签文本中的目标位置；通过自定义标签文本转换组件将存储有目标数据信息的标签文本转换为HTML标签；依据HTML标签将目标数据信息按照预设图表样式在屏幕上展示，解决了相关技术中展示不同的数据或者修改图表的样式时，开发人员需要重新开发不同的展示模板，导致数据可视化页面的设计过程费时又费力的问题。通过待展示图表的描述信息和调用待展示图表所需数据的结构化查询语句，就可以实现数据可视化页面，进而达到了高效、灵活的创建数据可视化页面的效果。

如图2所示，为根据本申请实施例提供的可选的数据可视化页面的处理方法的流程图。第一步用户选择可视化大屏页面布局空白模板，并为空白模板命名；第二步用户在给定的位置上的输入框里输入要在这个位置展示的图表的描述信息，并填写调用该图表所需数据的结构化查询语句；第三步语义解析模块提取文字描述里关于图表的信息，如图表名称、图表类型、图表长宽等；第四步标签拼装模块根据语义解析模块中解析出来的图表类型在词库中匹配对应图表类型的标签文本，然后将图表的其他信息插入到标签文本中对应的属性中；第五步用户在定制页面提交保存之后，数据存储模块将标签拼装模块中拼装出来的标签文本与用户ID、图表位置、获取数据的结构化查询等信息存储在对应的数据表中；第五步用户选择其自定义的可视化实例，图表展示模块将数据表中该实例的基本信息查询出来，然后按照图表的位置顺序从小到大排序，按照顺序执行对应图表的结构化查询语句，并将获取到的数据拼装成标签文本需要的信息，并插入到标签文本中；所有标签文本处理完成之后，所有的带有数据信息的标签文本按照图表位置顺序存放在JSON数组中，自定义标签转换组件按图表位置顺序取出对应的标签字符串，并将标签字符串解析为真正的HTML标签，最终展示出用户自定义的数据可视化页面。

需要说明的是，在附图的流程图示出的步骤可以在诸如一组计算机可执行指令的计算机系统中执行，并且，虽然在流程图中示出了逻辑顺序，但是在某些情况下，可以以不同于此处的顺序执行所示出或描述的步骤。

本申请实施例还提供了一种数据可视化页面的处理装置，需要说明的是，本申请实施例的数据可视化页面的处理装置可以用于执行本申请实施例所提供的用于数据可视化页面的处理方法。以下对本申请实施例提供的数据可视化页面的处理装置进行介绍。

图3是根据本申请实施例的数据可视化页面的处理装置的示意图。如图3所示，该装置包括：第一获取单元301，确定单元302，调用单元303，第一存储单元304，转换单元305和展示单元306。

第一获取单元301，用于获取待展示图表的描述信息和结构化查询语句，其中，结构化查询语句用于调用待展示图表需要的目标数据信息。

确定单元302，用于依据描述信息，确定待展示图表的标签文本，其中，标签文本由多个字符串按照预设位置排列方式组成。

调用单元303，用于依据结构化查询语句，调用待展示图表需要的目标数据信息。

第一存储单元304，用于将目标数据信息存储至标签文本中的目标位置。

转换单元305，用于通过自定义标签文本转换组件将存储有目标数据信息的标签文本转换为HTML标签。

展示单元306，用于依据HTML标签将目标数据信息按照预设图表样式在屏幕上展示。

综上，本申请实施例提供的数据可视化页面的处理装置，通过第一获取单元301获取待展示图表的描述信息和结构化查询语句；确定单元302依据描述信息，确定待展示图表的标签文本，其中，标签文本由多个字符串按照预设位置排列方式组成；调用单元303依据结构化查询语句，调用待展示图表需要的目标数据信息；第一存储单元304将目标数据信息存储至标签文本中的目标位置；转换单元305通过自定义标签文本转换组件将存储有目标数据信息的标签文本转换为HTML标签；展示单元306依据HTML标签将目标数据信息按照预设图表样式在屏幕上展示，解决了相关技术中展示不同的数据或者修改图表的样式时，开发人员需要重新开发不同的展示模板，导致数据可视化页面的设计过程费时又费力的问题。通过待展示图表的描述信息和调用待展示图表所需数据的结构化查询语句，就可以实现数据可视化页面，进而达到了高效、灵活的创建数据可视化页面的效果。

可选地，在本申请实施例提供的数据可视化页面的处理装置中，该装置还包括：第二获取单元，用于在获取待展示图表的描述信息和结构化查询语句之前，获取目标用户选择的目标模板，其中，目标模板中包括多个图表描述信息输入框和多个图表数据来源输入框；第一接收单元，用于通过图表描述信息输入框中接收待展示图表的描述信息；第二接收单元，用于通过图表数据来源输入框中接收结构化查询语句。

可选地，在本申请实施例提供的数据可视化页面的处理装置中，确定单元包括：识别子单元，用于通过语义识别对描述信息进行识别，得到待展示图表的初始特征值，其中，初始特征值至少包括：待展示图表的类型，待展示图表的宽度，待展示图表的高度，待展示图表的主题，目标模板的标题；第一确定子单元，用于通过图表描述信息输入框确定待展示图表的位置；第一获取子单元，用于将目标模板的类型和待展示图表的位置添加至初始特征值中，得到目标特征值；第二确定子单元，用于依据目标特征值，确定待展示图表的标签文本。

可选地，在本申请实施例提供的数据可视化页面的处理装置中，第二确定子单元包括：确定模块，用于将目标特征值中待展示图表的类型在词库中进行匹配，以确定待展示图表的标签文本，其中，词库中至少包括：图表的类型，图表的标签文本，以及图表的类型和图表的标签文本之间的映射关系。

可选地，在本申请实施例提供的数据可视化页面的处理装置中，确定模块包括：第一存储子模块，用于将目标特征值存储在一个Map中；匹配子模块，用于将Map中的待展示图表的类型与词库进行匹配，得到目标标签文本，其中，目标标签文本由多个字符串按照预设位置排列方式组成；第二存储子模块，用于将Map中的待展示图表的宽度，待展示图表的高度和待展示图表的主题存储至目标标签文本中的目标位置，得到修改后的目标标签文本；将修改后的目标标签文本作为待展示图表的标签文本。

可选地，在本申请实施例提供的数据可视化页面的处理装置中，该装置还包括：在依据结构化查询语句，调用待展示图表需要的目标数据信息之前，将待展示图表的标签文本，Map中的目标模板的类型和待展示图表的位置，结构化查询语句和目标用户的ID作为目标用户创建的数据信息；第二存储单元，用于将数据信息存储在用户自定义屏幕信息表中。

可选地，在本申请实施例提供的数据可视化页面的处理装置中，调用单元包括：第二获取子单元，用于依据用户自定义屏幕信息表获取目标用户创建的数据信息；排序子单元，用于将数据信息按照待展示图表的位置信息进行排序；调用子单元，用于按照待展示图表的位置顺序，通过结构化查询语句，调用待展示图表需要的目标数据信息。

可选地，在本申请实施例提供的数据可视化页面的处理装置中，转换单元包括：存储子单元，用于将存储有目标数据信息的标签文本按照待展示的图表位置存储在JSON数组中；传输子单元，用于将JSON数组传输至前端；转换子单元，用于通过自定义标签文本转换组件将存储有目标数据信息的标签文本转换为HTML标签。

所述数据可视化页面的处理装置包括处理器和存储器，上述第一获取单元301，确定单元302，调用单元303，第一存储单元304，转换单元305和展示单元306等均作为程序单元存储在存储器中，由处理器执行存储在存储器中的上述程序单元来实现相应的功能。

处理器中包含内核，由内核去存储器中调取相应的程序单元。内核可以设置一个或以上，通过调整内核参数来实现数据可视化页面。

存储器可能包括计算机可读介质中的非永久性存储器，随机存取存储器(RAM)和/或非易失性内存等形式，如只读存储器(ROM)或闪存(flash RAM)，存储器包括至少一个存储芯片。

本发明实施例提供了一种计算机可读存储介质，其上存储有程序，该程序被处理器执行时实现所述数据可视化页面的处理方法。

本发明实施例提供了一种处理器，所述处理器用于运行程序，其中，所述程序运行时执行所述数据可视化页面的处理方法。

如图4所示，本发明实施例提供了一种电子设备，设备包括处理器、存储器及存储在存储器上并可在处理器上运行的程序，处理器执行程序时实现以下步骤：获取待展示图表的描述信息和结构化查询语句，其中，结构化查询语句用于调用待展示图表需要的目标数据信息；依据描述信息，确定待展示图表的标签文本，其中，标签文本由多个字符串按照预设位置排列方式组成；依据结构化查询语句，调用待展示图表需要的目标数据信息；将目标数据信息存储至标签文本中的目标位置；通过自定义标签文本转换组件将存储有目标数据信息的标签文本转换为HTML标签；依据HTML标签将目标数据信息按照预设图表样式在屏幕上展示。

可选地，在获取待展示图表的描述信息和结构化查询语句之前，该方法还包括：获取目标用户选择的目标模板，其中，目标模板中包括多个图表描述信息输入框和多个图表数据来源输入框；通过图表描述信息输入框中接收待展示图表的描述信息；通过图表数据来源输入框中接收结构化查询语句。

可选地，依据描述信息，确定待展示图表的标签文本包括：通过语义识别对描述信息进行识别，得到待展示图表的初始特征值，其中，初始特征值至少包括：待展示图表的类型，待展示图表的宽度，待展示图表的高度，待展示图表的主题，目标模板的标题；通过图表描述信息输入框确定待展示图表的位置；将目标模板的类型和待展示图表的位置添加至初始特征值中，得到目标特征值；依据目标特征值，确定待展示图表的标签文本。

可选地，依据目标特征值，确定待展示图表的标签文本包括：将目标特征值中待展示图表的类型在词库中进行匹配，以确定待展示图表的标签文本，其中，词库中至少包括：图表的类型，图表的标签文本，以及图表的类型和图表的标签文本之间的映射关系。

可选地，将目标特征值中待展示图表的类型在词库中进行匹配还包括：将目标特征值存储在一个Map中；将Map中的待展示图表的类型与词库进行匹配，得到目标标签文本，其中，目标标签文本由多个字符串按照预设位置排列方式组成；将Map中的待展示图表的宽度，待展示图表的高度和待展示图表的主题存储至目标标签文本中的目标位置，得到修改后的目标标签文本；将修改后的目标标签文本作为待展示图表的标签文本。

可选地，在依据结构化查询语句，调用待展示图表需要的目标数据信息之前，该方法还包括：将待展示图表的标签文本，Map中的目标模板的类型和待展示图表的位置，结构化查询语句和目标用户的ID作为目标用户创建的数据信息；将数据信息存储在用户自定义屏幕信息表中。

可选地，依据结构化查询语句，调用待展示图表需要的目标数据信息包括：依据用户自定义屏幕信息表获取目标用户创建的数据信息；将数据信息按照待展示图表的位置信息进行排序；按照待展示图表的位置顺序，通过结构化查询语句，调用待展示图表需要的目标数据信息。

可选地，通过自定义标签文本转换组件将带有目标数据信息的标签文本转换为HTML标签包括：将存储有目标数据信息的标签文本按照待展示的图表位置存储在JSON数组中；将JSON数组传输至前端；通过自定义标签文本转换组件将存储有目标数据信息的标签文本转换为HTML标签。本文中的设备可以是服务器、PC、PAD、手机等。

本申请还提供了一种计算机程序产品，当在数据处理设备上执行时，适于执行初始化有如下方法步骤的程序：获取待展示图表的描述信息和结构化查询语句，其中，结构化查询语句用于调用待展示图表需要的目标数据信息；依据描述信息，确定待展示图表的标签文本，其中，标签文本由多个字符串按照预设位置排列方式组成；依据结构化查询语句，调用待展示图表需要的目标数据信息；将目标数据信息存储至标签文本中的目标位置；通过自定义标签文本转换组件将存储有目标数据信息的标签文本转换为HTML标签；依据HTML标签将目标数据信息按照预设图表样式在屏幕上展示。

可选地，在获取待展示图表的描述信息和结构化查询语句之前，该方法还包括：获取目标用户选择的目标模板，其中，目标模板中包括多个图表描述信息输入框和多个图表数据来源输入框；通过图表描述信息输入框中接收待展示图表的描述信息；通过图表数据来源输入框中接收结构化查询语句。

可选地，依据描述信息，确定待展示图表的标签文本包括：通过语义识别对描述信息进行识别，得到待展示图表的初始特征值，其中，初始特征值至少包括：待展示图表的类型，待展示图表的宽度，待展示图表的高度，待展示图表的主题，目标模板的标题；通过图表描述信息输入框确定待展示图表的位置；将目标模板的类型和待展示图表的位置添加至初始特征值中，得到目标特征值；依据目标特征值，确定待展示图表的标签文本。

可选地，依据目标特征值，确定待展示图表的标签文本包括：将目标特征值中待展示图表的类型在词库中进行匹配，以确定待展示图表的标签文本，其中，词库中至少包括：图表的类型，图表的标签文本，以及图表的类型和图表的标签文本之间的映射关系。

可选地，将目标特征值中待展示图表的类型在词库中进行匹配还包括：将目标特征值存储在一个Map中；将Map中的待展示图表的类型与词库进行匹配，得到目标标签文本，其中，目标标签文本由多个字符串按照预设位置排列方式组成；将Map中的待展示图表的宽度，待展示图表的高度和待展示图表的主题存储至目标标签文本中的目标位置，得到修改后的目标标签文本；将修改后的目标标签文本作为待展示图表的标签文本。

可选地，在依据结构化查询语句，调用待展示图表需要的目标数据信息之前，该方法还包括：将待展示图表的标签文本，Map中的目标模板的类型和待展示图表的位置，结构化查询语句和目标用户的ID作为目标用户创建的数据信息；将数据信息存储在用户自定义屏幕信息表中。

可选地，依据结构化查询语句，调用待展示图表需要的目标数据信息包括：依据用户自定义屏幕信息表获取目标用户创建的数据信息；将数据信息按照待展示图表的位置信息进行排序；按照待展示图表的位置顺序，通过结构化查询语句，调用待展示图表需要的目标数据信息。

可选地，通过自定义标签文本转换组件将带有目标数据信息的标签文本转换为HTML标签包括：将存储有目标数据信息的标签按照待展示的图表位置存储在JSON数组中；将JSON数组传输至前端；通过自定义标签文本转换组件将存储有目标数据信息的标签文本转换为HTML标签。

需要说明的是，本申请公开的一种数据可视化页面的处理方法和装置可用于金融领域，也可用于除金融领域之外的任意领域。本申请公开的一种数据可视化页面的处理方法和装置的应用领域不做限定。

本领域内的技术人员应明白，本申请的实施例可提供为方法、系统、或计算机程序产品。因此，本申请可采用完全硬件实施例、完全软件实施例、或结合软件和硬件方面的实施例的形式。而且，本申请可采用在一个或多个其中包含有计算机可用程序代码的计算机可用存储介质(包括但不限于磁盘存储器、CD-ROM、光学存储器等)上实施的计算机程序产品的形式。

本申请是参照根据本申请实施例的方法、设备(系统)、和计算机程序产品的流程图和/或方框图来描述的。应理解可由计算机程序指令实现流程图和/或方框图中的每一流程和/或方框、以及流程图和/或方框图中的流程和/或方框的结合。可提供这些计算机程序指令到通用计算机、专用计算机、嵌入式处理机或其他可编程数据处理设备的处理器以产生一个机器，使得通过计算机或其他可编程数据处理设备的处理器执行的指令产生用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的装置。

这些计算机程序指令也可存储在能引导计算机或其他可编程数据处理设备以特定方式工作的计算机可读存储器中，使得存储在该计算机可读存储器中的指令产生包括指令装置的制造品，该指令装置实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能。

这些计算机程序指令也可装载到计算机或其他可编程数据处理设备上，使得在计算机或其他可编程设备上执行一系列操作步骤以产生计算机实现的处理，从而在计算机或其他可编程设备上执行的指令提供用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的步骤。

在一个典型的配置中，计算设备包括一个或多个处理器(CPU)、输入/输出接口、网络接口和内存。

存储器可能包括计算机可读介质中的非永久性存储器，随机存取存储器(RAM)和/或非易失性内存等形式，如只读存储器(ROM)或闪存(flash RAM)。存储器是计算机可读介质的示例。

计算机可读介质包括永久性和非永久性、可移动和非可移动媒体可以由任何方法或技术来实现信息存储。信息可以是计算机可读指令、数据结构、程序的模块或其他数据。计算机的存储介质的例子包括，但不限于相变内存(PRAM)、静态随机存取存储器(SRAM)、动态随机存取存储器(DRAM)、其他类型的随机存取存储器(RAM)、只读存储器(ROM)、电可擦除可编程只读存储器(EEPROM)、快闪记忆体或其他内存技术、只读光盘只读存储器(CD-ROM)、数字多功能光盘(DVD)或其他光学存储、磁盒式磁带，磁带磁磁盘存储或其他磁性存储设备或任何其他非传输介质，可用于存储可以被计算设备访问的信息。按照本文中的界定，计算机可读介质不包括暂存电脑可读媒体(transitory media)，如调制的数据信号和载波。

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

本领域技术人员应明白，本申请的实施例可提供为方法、系统或计算机程序产品。因此，本申请可采用完全硬件实施例、完全软件实施例或结合软件和硬件方面的实施例的形式。而且，本申请可采用在一个或多个其中包含有计算机可用程序代码的计算机可用存储介质(包括但不限于磁盘存储器、CD-ROM、光学存储器等)上实施的计算机程序产品的形式。

以上仅为本申请的实施例而已，并不用于限制本申请。对于本领域技术人员来说，本申请可以有各种更改和变化。凡在本申请的精神和原理之内所作的任何修改、等同替换、改进等，均应包含在本申请的权利要求范围之内。

Claims (11)

1.一种数据可视化页面的处理方法，其特征在于，包括：

获取待展示图表的描述信息和结构查询语句，其中，所述结构查询语句用于调用所述待展示图表需要的目标数据信息；

依据所述描述信息，确定所述待展示图表的标签文本，其中，所述标签文本由多个字符串按照预设位置排列方式组成；

依据所述结构化查询语句，调用所述待展示图表需要的目标数据信息；

将所述目标数据信息存储至所述标签文本中的目标位置；

通过自定义标签文本转换组件将存储有所述目标数据信息的标签文本转换为HTML标签；

依据所述HTML标签将所述目标数据信息按照预设图表样式在屏幕上展示。

2.根据权利要求1所述的方法，其特征在于，在获取待展示图表的描述信息和结构化查询语句之前，所述方法还包括：

获取目标用户选择的目标模板，其中，所述目标模板中包括多个图表描述信息输入框和多个图表数据来源输入框；

通过所述图表描述信息输入框中接收所述待展示图表的描述信息；

通过所述图表数据来源输入框中接收所述结构化查询语句。

3.根据权利要求2所述的方法，其特征在于，依据所述描述信息，确定所述待展示图表的标签包括：

通过语义识别对所述描述信息进行识别，得到所述待展示图表的初始特征值，其中，所述初始特征值至少包括：待展示图表的类型，待展示图表的宽度，待展示图表的高度，待展示图表的主题，所述目标模板的标题；

通过所述图表描述信息输入框确定所述待展示图表的位置；

将所述目标模板的类型和所述待展示图表的位置添加至所述初始特征值中，得到目标特征值；

依据所述目标特征值，确定所述待展示图表的标签文本。

4.根据权利要求3所述的方法，其特征在于，依据所述目标特征值，确定所述待展示图表的标签文本包括：

将所述目标特征值中待展示图表的类型在词库中进行匹配，以确定所述待展示图表的标签文本，其中，所述词库中至少包括：图表的类型，图表的标签文本，以及所述图表的类型和所述图表的标签文本之间的映射关系。

5.根据权利要求4所述的方法，其特征在于，将所述目标特征值中待展示图表的类型在词库中进行匹配还包括：

将所述目标特征值存储在一个Map中；

将所述Map中的待展示图表的类型与所述词库进行匹配，得到目标标签文本，其中，所述目标标签文本由多个字符串按照预设位置排列方式组成；

将所述Map中的待展示图表的宽度，待展示图表的高度和待展示图表的主题存储至所述目标标签文本中的目标位置，得到修改后的目标标签文本；

将所述修改后的目标标签文本作为所述待展示图表的标签文本。

6.根据权利要求5所述的方法，其特征在于，在依据所述结构化查询语句，调用所述待展示图表需要的目标数据信息之前，所述方法还包括：

将所述待展示图表的标签文本，所述Map中的目标模板的类型和待展示图表的位置，所述结构化查询语句和所述目标用户的ID作为所述目标用户创建的数据信息；

将所述数据信息存储在用户自定义屏幕信息表中。

7.根据权利要求6所述的方法，其特征在于，依据所述结构化查询语句，调用所述待展示图表需要的目标数据信息包括：

依据所述用户自定义屏幕信息表获取所述目标用户创建的数据信息；

将所述数据信息按照所述待展示图表的位置信息进行排序；

按照所述待展示图表的位置顺序，通过所述结构化查询语句，调用所述待展示图表需要的目标数据信息。

8.根据权利要求7所述的方法，其特征在于，通过自定义标签转换组件将带有目标数据信息的标签转换为HTML标签包括：

将存储有所述目标数据信息的标签按照所述待展示的图表位置存储在JSON数组中；

将所述JSON数组传输至前端；

通过所述自定义标签文本转换组件将存储有所述目标数据信息的标签文本转换为所述HTML标签。

9.一种数据可视化页面的处理装置，其特征在于，包括：

第一获取单元，用于获取待展示图表的描述信息和结构化查询语句，其中，所述结构化查询语句用于调用所述待展示图表需要的目标数据信息；

确定单元，用于依据所述描述信息，确定所述待展示图表的标签文本，其中，所述标签文本由多个字符串按照预设位置排列方式组成；

调用单元，用于依据所述结构化查询语句，调用所述待展示图表需要的目标数据信息；

第一存储单元，用于将所述目标数据信息存储至所述标签文本中的目标位置；

转换单元，用于通过自定义标签文本转换组件将存储有所述目标数据信息的标签文本转换为HTML标签；

展示单元，用于依据所述HTML标签将所述目标数据信息按照预设图表样式在屏幕上展示。

10.一种计算机可读存储介质，其特征在于，所述存储介质包括存储的程序，其中，所述程序执行权利要求1至8中任意一项所述的数据可视化页面的处理方法。

11.一种电子设备，其特征在于，包括一个或多个处理器和存储器，所述存储器用于存储一个或多个程序，其中，当所述一个或多个程序被所述一个或多个处理器执行时，使得所述一个或多个处理器实现权利要求1至8中任意一项所述的数据可视化页面的处理方法。

Images