CN112307109A - 可视化图表生成方法、装置、电子设备和存储介质 - Google Patents

Abstract

本申请实施例提供一种可视化图表生成方法、装置、电子设备和存储介质，通过提供图表配置页面，获取源数据文件和图表配置信息；其中，图表配置信息包括图表类型、图表生成规则和自定义图表信息中的至少一项；根据源数据文件和图表配置信息，生成可视化图表，突破了对用户的操作限制，让不是开发人员的普通用户也可以自行生成可视化图表，提高可视化图表生成的便利性和灵活性，降低了可视化图表的维护成本，提高了用户使用体验。

Description

可视化图表生成方法、装置、电子设备和存储介质

技术领域

本申请实施例涉及数据可视化技术领域，尤其涉及一种可视化图表生成方法、装置、电子设备和存储介质。

背景技术

大数据技术是指通过对海量数据进行深入挖掘，得到具有应用价值的数据结果的技术，具有数据量大、类型繁多和价格密度低的特点。若通过传统的表格(如excel)形式对数据进行展示，一方面，难以看出数据之间的关联和对比，另一方面，单一的形式不免让人产生枯燥感。可见，传统的表格已不能满足大数据时代的需要，在这种背景下，数据可视化技术应用而生。

现有技术的一些大屏项目中通过可视化图表实现数据的可视化，但是，现有技术中，在项目发布之后，图表的类型也固定了下来，如果用户想要换一种图表的展示类型，需要通过技术人员改动代码实现。因此，采用现有技术生成可视化图表，存在灵活性差和维护成本高的问题。

发明内容

本申请实施例提供一种可视化图表生成方法、装置、电子设备和存储介质，以解决现有技术中存在的灵活性差和维护成本高的问题。

第一方面，本申请实施例提供一种可视化图表生成方法，包括：

通过图表配置页面，获取源数据文件和图表配置信息；其中，所述图表配置信息包括图表类型、图表生成规则和自定义图表信息中的至少一项；

根据所述源数据文件和所述图表配置信息，生成可视化图表。

可选地，所述通过所述图表配置页面，获取源数据文件和图表配置信息，包括：

通过所述图表配置页面提供的文件获取接口，获取所述源数据文件，所述文件获取接口包括上传接口或输入接口；

通过所述图表配置页面提供的信息获取界面，获取所述图表配置信息。

可选地，所述信息获取界面包括图表类型配置窗口、图表生成规则配置窗口和自定义图表信息配置窗口；所述图表类型配置窗口用于展示候选图表类型，所述图表生成规则配置窗口用于展示目标字段和图表项，所述自定义图表信息配置窗口用于展示自定义选项；相应地，所述根据所述图表配置页面提供的信息获取界面，获取所述图表配置信息，包括：

根据用户对信息获取界面的如下至少一种操作，获取所述图表配置信息：

对所述候选图表类型的选择操作；

对所述目标字段和所述图表项的匹配操作；

对所述自定义选项的配置操作。

可选地，所述根据所述图表配置页面提供的信息获取界面，获取所述图表配置信息之前，所述方法还包括：

对所述源数据文件进行解析，确定所述源数据文件中包括的字段；

通过预览窗口展示所述字段；

根据用户在所述预览窗口上的选择操作，确定所述目标字段。

可选地，所述根据所述源数据文件和所述图表配置信息，生成可视化图表之前，所述方法还包括：

确定所述源数据文件的格式是否为目标文件格式；

若否，对所述源数据文件进行格式转化，得到目标文件格式的源数据文件。

可选地，所述根据所述源数据文件和所述图表配置信息，生成可视化图表之后，所述方法还包括：

根据用户对所述可视化图表的拖拽操作和/或缩放操作，对所述可视化图表在页面中的布局进行调整。

第二方面，本申请实施例提供一种可视化图表生成装置，包括：

获取模块，用于通过图表配置页面，获取源数据文件和图表配置信息；其中，所述图表配置信息包括图表类型、图表生成规则和自定义图表信息中的至少一项；

处理模块，用于根据所述源数据文件和所述图表配置信息，生成可视化图表。

可选地，所述获取模块具体用于：

通过所述图表配置页面提供的文件获取接口，获取所述源数据文件，所述文件获取接口包括上传接口或输入接口；

通过所述图表配置页面提供的信息获取界面，获取所述图表配置信息。

第三方面，本申请实施例提供一种电子设备，包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序，所述处理器执行所述程序时实现如上述第一方面所述的可视化图表生成方法。

第四方面，本申请实施例提供一种计算机可读存储介质，其上存储有计算机程序，该程序被处理器执行时实现如上述第一方面所述的可视化图表生成方法。

本申请实施例提供的可视化图表生成方法、装置、电子设备和存储介质，通过提供图表配置页面，获取源数据文件和图表配置信息；其中，图表配置信息包括图表类型、图表生成规则和自定义图表信息中的至少一项；根据源数据文件和图表配置信息，生成可视化图表，突破了对用户的操作限制，让不是开发人员的普通用户也可以自行生成可视化图表，提高可视化图表生成的便利性和灵活性，降低了可视化图表的维护成本，提高了用户使用体验。

附图说明

图1为本申请实施例一提供的可视化图表生成方法的流程示意图；

图2为本申请实施例一提供的信息获取界面的结构示意图；

图3为本申请实施例二提供的可视化图表生成装置的结构示意图；

图4为本申请实施例三提供的一种电子设备的结构示意图。

具体实施方式

下面结合附图和实施例对本申请作进一步的详细说明。可以理解的是，此处所描述的具体实施例仅仅用于解释本申请，而非对本申请的限定。另外还需要说明的是，为了便于描述，附图中仅示出了与本申请相关的部分而非全部结构。

本申请技术方案的主要思路：基于现有技术中存在的技术问题，本申请实施例提供一种可视化图表的生成技术方案，通过提供图表配置页面，突破了对用户的操作限制，从源数据文件的获取，到可视化图表的生成，用一套完整的视图层可配置选项，根据用户操作生成不同的可视化图表，并可通过拖拽、伸缩等操作对页面做进一步地布局调整，用户可根据需要自行生成或修改可视化图表，而不需要专门的开发人员来操作，提高了可视化图表的操作灵活性，降低了可视化图表的维护成本，提高了用户使用体验。

实施例一

图1为本申请实施例一提供的可视化图表生成方法的流程示意图，本实施例的方法可以由本申请实施例所提供的可视化图表生成装置执行，该装置可以由软件和/或硬件的方式来实现，并可集成于终端等电子设备中。如图1所示，本实施例的可视化图表生成方法包括：

S101、通过图表配置页面，获取源数据文件和图表配置信息。

本实施例，提供用于可视化图生成的图表配置页面，具体地，用户可以通过在浏览器中输入指定网址的方式进入该图表配置页面，并根据该图表配置页面的引导或提供的相关内容，执行一系列操作，如上传源数据文件或进行图表配置等，相应地，电子设备(如手机、计算机等)，根据用户在图表配置页面执行的操作，获取源数据文件或图表配置信息。

其中，源数据文件，是生成可视化图表的依据，是可视化图表的数据来源，通常存储在电子设备的内存中，也可以存储在移动硬盘、U盘等可接入设备中，源数据文件中的数据叫做源数据。

图表配置信息，是指生成指定图表所需要的各项信息，包括图表类型、图表生成规则和自定义图表信息等。其中，图表类型即可视化图表的类型，常用的可视化图表类型有：柱形图、条形图、折线图、柱线图、饼图、旭日图、玫瑰图、雷达图、散点图、圆环图、地图、堆积图、面积图、气泡图、仪表盘、漏斗图、矩形树图、指标卡等；图表生成规则主要用于确定图表的维度信息，如柱形图的横线坐标信息、饼图的数据系列信息等。

可选地，本步骤中的图表配置页面可以提供文件获取接口和信息获取界面，并通过文件获取接口和信息获取界面与用户进行数据和信息交互，完成源数据文件的获取和图表配置信息的获取。具体地：通过图表配置页面提供的文件获取接口，获取源数据文件，通过图表配置页面提供的信息获取界面，获取图表配置信息。

可以理解的是，在具体实施过程中，可以先通过图表配置页面提供的文件获取接口，获取源数据文件，当获取到源数据文件后，图表配置页面自动跳转到信息获取界面，从而实现图表配置信息的获取。

本实施例中，文件获取接口包括上传接口或输入接口，若文件获取接口为上传接口，则电子设备可以根据用户通过上传接口的上传操作，获取源数据文件；若文件获取接口为接入接口，则电子设备可以根据用户输入的文件地址，到相应的位置去获取源数据文件。

示例性，信息获取界面包括图表类型配置窗口、图表生成规则配置窗口和自定义图表信息配置窗口，图表类型配置窗口用于展示候选图表类型，图表生成规则配置窗口用于展示目标字段和图表项，自定义图表信息配置窗口用于展示自定义选项。相应地，本步骤中，可以根据用户对信息获取界面的如下至少一种操作，获取图表配置信息：(1)对图表类型配置窗口中候选图表类型的选择操作；(2)对图表生成规则配置窗口中目标字段和图表项的匹配操作；(3)对自定义图表信息配置窗口中自定义选项的配置操作。

其中，图表类型配置窗口可以展示各种候选图表类型的名称或图标等，用户可以通过鼠标的点击操作或触屏操作等，从候选图表类型中选取其中的一个，作为要生成的可视化图表的类型。

图表生成规则配置窗口中同时展示目标字段和图表项，目标字段可以有多个，目标字段均为源数据文件中的字段，目标字段可以包括源数据文件中的全部字段，也可以仅包括源数据文件中的部分字段，此处不作限制。图表项也可以有多个，如维度、数值等，用户可以通过拖拽操作，将相应的目标字段拖拽到相应的图表项下方，实现目标字段与图表项的匹配。

自定义图表信息配置窗口中展示用户可以设置的自定义选项，如图例、网格、坐标轴等，自定义图表信息配置窗口中可以通过提供选项框的方式，使用户可以通过从项框中选择相应的项目，如字体大小、样式等，实现对自定义选项的配置。

可以理解的是，信息获取界面提供图表类型配置窗口、图表生成规则配置窗口和自定义图表信息配置窗口，说明用户可以通过这三个方面对图表进行配置，但并不强制用户每次在生成图表之前都要对这个三个方面进行设置，当用户未进行设置时，电子设备可以按照默认的图表类型、目标字段与图表项的匹配关系及自定义选项的值，进行可视化图表的生成。

图2为本申请实施例一提供的信息获取界面的结构示意图，以生成关于粮食产量的折线图为例，如图2所示，对应地，在图表类型配置窗口中选择折线图作为目标图表类型，图表生成规则配置窗口中展示的目标字段包括省编码、省名称、城市编码、城市名称、粮食产量和统计年份，图表项包括维度(对应折线图的横坐标)、数值(对应折线图的纵坐标)、筛选器(对应筛选条件，筛选出满足筛选条件的源数据用来生成折线图)，在图表生成规则配置窗口中将省名称和城市名称拖拽到维度下方，将粮食产量拖拽到数值下方，并且将城市编码拖拽到筛选器下方，则电子设备会先根据城市编码对源数据进行筛选后，去除掉没有城市编号或者城市编号不正确的数据，然后以筛选后源数据为依据，就可以生成以省名称作为折线图横坐标的第一维度，以城市名称作为折线图横坐标的第二维度，以粮食产量作为纵坐标的折线图。

可选地，信息获取界面还可以包括图表预览窗口，用于展示预期的图表样式，当用户在信息获取界面进行图表配置信息的配置时，图表预览窗口可以根据用户操作，实时将可能产生的图表样式展示出来，从而避免用户对图表配置的盲目性，提高用户图表配置的可用性，进而提高了可视化图表的生成效率，提高了用户使用体验。

为确定图表生成规则配置窗口中展示的目标字段，可选地，在到获取源数据文件之后，本实施例的方法还包括：对源数据文件进行解析，确定源数据文件中包括的字段，通过字段预览窗口展示源数据文件中包括的全部字段，以使用户选择希望展示的字段，相应地，电子设备根据用户在字段预览窗口上的选择操作，确定目标字段。该目标字段与图表生成规则配置窗口中展示目标字段一致。

需要说明的是，本实施例中的源数据文件的文件格式可以为任意类型，如数据库文件MySQL、MPP、ORACLE等，本地文件Excel、逗号分隔值(comma-separated values，CSV)等，接口文件webservice等。

为适应不同文件格式的场景，可选地，在获取到源数据文件之后，本实施例的方法还包括：确定源数据文件的格式是否为目标文件格式；若否，对源数据文件进行格式转化，得到目标文件格式的源数据文件；若是，则保留源数据文件的格式不变。

可以理解的是，若源数据文件有多个，其中部分源数据文件为目标文件格式，部分源数据文件不是目标文件格式，则只需将不是目标文件格式的源数据文件进行格式转换即可。

S102、根据源数据文件和图表配置信息，生成可视化图表。

本步骤中，在S101之后，根据获取到的源数据文件和图表配置信息，生成满足用户需求的可视化图表。可视化图表，可以在源数据文件和图表配置信息获取完成后自动生成，也可以通过图表配置页面为用户提供相关的图表生成按钮，通过用户点击该按钮的操作，进行可视化图表的生成。示例性地，可以在信息获取界面提供“提交”或“保存”按钮，当用户在信息获取界面完成相关配置操作后，点击“提交”或“保存”按钮时，触发电子设备进行可视化图表的生成。

可选地，为使生成的图表更加美观，在S102之后，本实施例的方法还包括：根据用户对可视化图表的拖拽操作和/或缩放操作，对可视化图表在页面中的布局进行调整。

可选地，本实施例中还可以根据用户需要，在可视化图表所在的页面中添加卡片、图片、文本等页面元素，还可以为可视化图表所在的页面设置背景、时间轴等，从而得到丰富多彩的页面，进一步提高用户体验。

本实施例中，通过提供图表配置页面，获取源数据文件和图表配置信息；其中，图表配置信息包括图表类型、图表生成规则和自定义图表信息中的至少一项；根据源数据文件和图表配置信息，生成可视化图表，突破了对用户的操作限制，让不是开发人员的普通用户也可以自行生成可视化图表，提高可视化图表生成的便利性和灵活性，降低了可视化图表的维护成本，提高了用户使用体验。

实施例二

图3为本申请实施例二提供的可视化图表生成装置的结构示意图，如图3所示，本实施例中可视化图表生成装置10包括：

获取模块11和处理模块12。

获取模块11，用于通过图表配置页面，获取源数据文件和图表配置信息；其中，所述图表配置信息包括图表类型、图表生成规则和自定义图表信息中的至少一项；

处理模块12，用于根据所述源数据文件和所述图表配置信息，生成可视化图表。

可选地，获取模块11具体用于：

通过所述图表配置页面提供的文件获取接口，获取所述源数据文件，所述文件获取接口包括上传接口或输入接口；

通过所述图表配置页面提供的信息获取界面，获取所述图表配置信息。

可选地，所述信息获取界面包括图表类型配置窗口、图表生成规则配置窗口和自定义图表信息配置窗口；所述图表类型配置窗口用于展示候选图表类型，所述图表生成规则配置窗口用于展示目标字段和图表项，所述自定义图表信息配置窗口用于展示自定义选项；相应地，获取模块11具体用于：

根据用户对信息获取界面的如下至少一种操作，获取所述图表配置信息：

对所述候选图表类型的选择操作；

对所述目标字段和所述图表项的匹配操作；

对所述自定义选项的配置操作。

可选地，所述处理模块12还用于：

对所述源数据文件进行解析，确定所述源数据文件中包括的字段；

通过预览窗口展示所述字段；

根据用户在所述预览窗口上的选择操作，确定所述目标字段。

可选地，所述处理模块12还用于：

确定所述源数据文件的格式是否为目标文件格式；

若否，对所述源数据文件进行格式转化，得到目标文件格式的源数据文件。

可选地，所述处理模块12还用于：

根据用户对所述可视化图表的拖拽操作和/或缩放操作，对所述可视化图表在页面中的布局进行调整。

本实施例所提供的可视化图表生成装置可执行上述方法实施例所提供的可视化图表生成方法，具备执行方法相应的功能模块和有益效果。本实施例的实现原理和技术效果与上述方法实施例类似，此处不再一一赘述。

实施例三

图4为本申请实施例三提供的一种电子设备的结构示意图，如图4所示，该电子设备20包括存储器21、处理器22及存储在存储器上并可在处理器上运行的计算机程序；电子设备20处理器22的数量可以是一个或多个，图4中以一个处理器22为例；电子设备20中的处理器22、存储器21可以通过总线或其他方式连接，图4中以通过总线连接为例。

存储器21作为一种计算机可读存储介质，可用于存储软件程序、计算机可执行程序以及模块，如本申请实施例中的获取模块11和处理模块12对应的程序指令/模块。处理器22通过运行存储在存储器21中的软件程序、指令以及模块，从而执行设备/终端/服务器的各种功能应用以及数据处理，即实现上述的可视化图表生成方法。

存储器21可主要包括存储程序区和存储数据区，其中，存储程序区可存储操作系统、至少一个功能所需的应用程序；存储数据区可存储根据终端的使用所创建的数据等。此外，存储器21可以包括高速随机存取存储器，还可以包括非易失性存储器，例如至少一个磁盘存储器件、闪存器件、或其他非易失性固态存储器件。在一些实例中，存储器21可进一步包括相对于处理器22远程设置的存储器，这些远程存储器可以通过网格连接至设备/终端/服务器。上述网格的实例包括但不限于互联网、企业内部网、局域网、移动通信网及其组合。

实施例四

本申请实施例四还提供一种计算机可读存储介质，其上存储有计算机程序，所述计算机程序在由计算机处理器执行时用于执行一种可视化图表生成方法，该方法包括：

通过图表配置页面，获取源数据文件和图表配置信息；其中，所述图表配置信息包括图表类型、图表生成规则和自定义图表信息中的至少一项；

根据所述源数据文件和所述图表配置信息，生成可视化图表。

当然，本申请实施例所提供的一种包计算机可读存储介质，其计算机程序不限于如上所述的方法操作，还可以执行本申请任意实施例所提供的可视化图表生成方法中的相关操作。

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

值得注意的是，上述可视化图表生成装置的实施例中，所包括的各个单元和模块只是按照功能逻辑进行划分的，但并不局限于上述的划分，只要能够实现相应的功能即可；另外，各功能单元的具体名称也只是为了便于相互区分，并不用于限制本申请的保护范围。

注意，上述仅为本申请的较佳实施例及所运用技术原理。本领域技术人员会理解，本申请不限于这里所述的特定实施例，对本领域技术人员来说能够进行各种明显的变化、重新调整和替代而不会脱离本申请的保护范围。因此，虽然通过以上实施例对本申请进行了较为详细的说明，但是本申请不仅仅限于以上实施例，在不脱离本申请构思的情况下，还可以包括更多其他等效实施例，而本申请的范围由所附的权利要求范围决定。

Claims (10)

1.一种可视化图表生成方法，其特征在于，包括：

通过图表配置页面，获取源数据文件和图表配置信息；其中，所述图表配置信息包括图表类型、图表生成规则和自定义图表信息中的至少一项；

根据所述源数据文件和所述图表配置信息，生成可视化图表。

2.根据权利要求1所述的方法，其特征在于，所述通过所述图表配置页面，获取源数据文件和图表配置信息，包括：

通过所述图表配置页面提供的文件获取接口，获取所述源数据文件，所述文件获取接口包括上传接口或输入接口；

通过所述图表配置页面提供的信息获取界面，获取所述图表配置信息。

3.根据权利要求2所述的方法，其特征在于，所述信息获取界面包括图表类型配置窗口、图表生成规则配置窗口和自定义图表信息配置窗口；所述图表类型配置窗口用于展示候选图表类型，所述图表生成规则配置窗口用于展示目标字段和图表项，所述自定义图表信息配置窗口用于展示自定义选项；相应地，所述根据所述图表配置页面提供的信息获取界面，获取所述图表配置信息，包括：

根据用户对信息获取界面的如下至少一种操作，获取所述图表配置信息：

对所述候选图表类型的选择操作；

对所述目标字段和所述图表项的匹配操作；

对所述自定义选项的配置操作。

4.根据权利要求3所述的方法，其特征在于，所述根据所述图表配置页面提供的信息获取界面，获取所述图表配置信息之前，所述方法还包括：

对所述源数据文件进行解析，确定所述源数据文件中包括的字段；

通过预览窗口展示所述字段；

根据用户在所述预览窗口上的选择操作，确定所述目标字段。

5.根据权利要求1所述的方法，其特征在于，所述根据所述源数据文件和所述图表配置信息，生成可视化图表之前，所述方法还包括：

确定所述源数据文件的格式是否为目标文件格式；

若否，对所述源数据文件进行格式转化，得到目标文件格式的源数据文件。

6.根据权利要求1-5任一项所述的方法，其特征在于，所述根据所述源数据文件和所述图表配置信息，生成可视化图表之后，所述方法还包括：

根据用户对所述可视化图表的拖拽操作和/或缩放操作，对所述可视化图表在页面中的布局进行调整。

7.一种可视化图表生成装置，其特征在于，包括：

获取模块，用于通过图表配置页面，获取源数据文件和图表配置信息；其中，所述图表配置信息包括图表类型、图表生成规则和自定义图表信息中的至少一项；

处理模块，用于根据所述源数据文件和所述图表配置信息，生成可视化图表。

8.根据权利要求7所述的装置，其特征在于，所述获取模块具体用于：

通过所述图表配置页面提供的文件获取接口，获取所述源数据文件，所述文件获取接口包括上传接口或输入接口；

通过所述图表配置页面提供的信息获取界面，获取所述图表配置信息。

9.一种电子设备，包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序，其特征在于，所述处理器执行所述程序时实现如权利要求1-6中任一所述的可视化图表生成方法。

10.一种计算机可读存储介质，其上存储有计算机程序，其特征在于，该程序被处理器执行时实现如权利要求1-6中任一所述的可视化图表生成方法。

Images