CN110674622A - 可视化图表生成方法、系统、存储介质及电子设备 - Google Patents

Abstract

本发明提供一种可视化图表生成方法、系统、存储介质及电子设备。本发明提供的可视化图表生成方法，包括：在图表管理器接收到异常信息时，第一子组件将第一数据替换为空数据，以使基础图表组件根据空数据生成第一可视化图表，其中，第一数据为异常数据，第一子组件重新向第一数据对应的数据源请求数据，以获得第二数据，其中，第二数据为正常数据，基础图表组件根据第二数据将第一可视化图表更新为第二可视化图表。本发明提供的可视化图表生成方法，有效地避免了在生成图表时由于数据错误而导致的图表显示异常或者崩溃的情况，并且能够完成图表异常处理，并恢复显示。

Description

可视化图表生成方法、系统、存储介质及电子设备

技术领域

本发明涉及数据处理技术领域，尤其涉及一种可视化图表生成方法、系统、存储介质及电子设备。

背景技术

目前，随着大数据分析广泛地应用在各行各业，可视化图表也已经成为大数据分析的一种重要手段。

一般可视化图表都是针对某种特定功能的，例如柱状图、折线图以及柱状-折线混搭图就是三种图表。此外，现有技术中，也存在一些图表库则是提供了一套可配置组合的解决方案，这样就可以简单将不同类型的图表在一个坐标系内进行组合，从而衍生出更多的图表类型。

不过，对于这类图表库，当数据格式出现问题时，并没有任何提示，并且也没有能够处理恢复该错误的机制，要么静默的将错误数据隐藏，要么就是直接抛出错误使得整个图表崩溃，无法进一步进行图表异常处理从而恢复显示。

发明内容

本发明提供一种可视化图表生成方法、系统、存储介质及电子设备，以对出现的异常情况的可视化图表进行恢复显示，，大大提高了用户的绘图体验。

第一方面，本发明提供一种可视化图表生成方法，应用于可视化图表生成系统，所述系统包括：至少一个子组件、基础图表组件以及图表管理器，所述基础图表组件用于将不同的所述子组件进行组合以生成可视化图表，所述图表管理器用于捕获所述子组件抛出的异常信息；所述方法包括：

在所述图表管理器接收到第一组件的异常信息时，所述第一子组件将第一数据替换为空数据，以使所述基础图表组件根据所述空数据生成第一可视化图表，其中，所述第一数据为异常数据，所述第一子组件为所述基础图表组件对应的子组件组合中的成员；

所述第一子组件重新向所述第一数据对应的数据源请求数据，以获得第二数据，其中，所述第二数据为正常数据；

所述基础图表组件根据所述第二数据将所述第一可视化图表更新为第二可视化图表。

在一种可能的设计中，在所述将第一数据替换为空数据之前，还包括：

所述第一子组件在利用所述第一数据生成图表的过程中生成第一异常信息；

所述第一子组件将所述第一异常信息抛送给所述图表管理器。

在一种可能的设计中，在所述第一子组件将所述第一异常信息抛送给所述图表管理器之后，还包括：

所述第一子组件将第二异常信息抛送给所述图表管理器，其中，所述第二异常信息包括所述第一异常信息以及第一标识码，所述第一标识码对应所述第一子组件。

在一种可能的设计中，在所述第一子组件将第二异常信息抛送给所述图表管理器之后，还包括：

在所述可视化图表生成系统的调试界面中显示所述第二异常信息，以使开发者发现所述第一子组件存在异常。

第二方面，本发明还提供一种可视化图表生成系统，包括：图表生成模块、图表组合模块以及图表管理模块，所述图表组合模块用于将不同的所述图表生成模块进行组合，所述图表管理模块用于捕获所述图表生成模块抛出的异常信息；

所述图表生成模块，用于将第一数据替换为空数据，以使所述图表组合模块根据所述空数据生成第一可视化图表，其中，所述第一数据为异常数据，所述图表生成模块为所述图表组合模块对应的图表生成模块组合中的成员；

所述图表生成模块，还用于重新向所述第一数据对应的数据源请求数据，以获得第二数据，其中，所述第二数据为正常数据；

所述表组合模块，还用于根据所述第二数据将所述第一可视化图表更新为第二可视化图表。

在一种可能的设计中，所述图表生成模块，还用于在利用所述第一数据生成图表的过程中生成第一异常信息；

所述图表生成模块，还用于将所述第一异常信息抛送给所述图表管理模块。

在一种可能的设计中，所述图表生成模块，还用于将第二异常信息抛送给所述图表管理模块，其中，所述第二异常信息包括所述第一异常信息以及第一标识码，所述第一标识码对应所述图表生成模。

在一种可能的设计中，所述可视化图表生成系统，还包括：

调试模块，用于显示所述第二异常信息，以使开发者发现所述图表生成模块存在异常。

第三方面，本发明还提供一种计算机可读存储介质，其上存储有计算机程序，该程序被处理器执行时实现第一方面中提供的任意一种可能的可视化图表生成方法。

第四方面，本发明还提供一种电子设备，包括：

处理器；以及

存储器，用于存储所述处理器的可执行指令；

其中，所述处理器配置为经由执行所述可执行指令来执行第一方面中提供的任意一种可能的可视化图表生成方法。

本发明提供的一种可视化图表生成方法、系统、存储介质及电子设备，通过在第一子组件利用错误数据生成图表时，将异常的第一数据替换为空数据形成第一可视化图表，从而有效地避免了在生成图表时由于数据错误而导致的图表显示异常或者崩溃的情况，然后第一子组件重新向第一数据对应的数据源请求数据，以获得正常的第二数据，基础图表组件再根据正常的第二数据将第一可视化图表更新为第二可视化图表，从而完成图表异常处理，并恢复显示。

附图说明

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

图1是根据一示例性实施例示出的可视化图表生成系统架构图；

图2是根据另一示例性实施例示出的可视化图表生成系统架构图；

图3是图1所示的第一子组件构架图；

图4是根据一示例性实施例示出的可视化图表生成流程示意图；

图5是根据一示例性实施例示出的一种可视化图表生成方法流程图；

图6是根据另一示例性实施例示出的一种可视化图表生成方法流程图；

图7是根据一示例性实施例示出的一种可视化图表生成系统结构示意图；

图8是根据另一示例性实施例示出的一种可视化图表生成系统结构示意图；

图9为本发明根据一示例性实施例示出的电子设备的结构示意图。

具体实施方式

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

图1是根据一示例性实施例示出的可视化图表生成系统架构图。如图1所示，本实施例提供的可视化图表生成方法，应用于可视化图表生成系统，其中，可视化图表生成系统包括：至少一个子组件、基础图表组件以及图表管理器。具体地，基础图表组件用于将不同的子组件进行组合，例如，将第一子组件与第二子组件进行组合，从而生成组合型的可视化图表，而图表管理器用于捕获所述子组件抛出的异常信息。

下面结合一个具体的构架进行说明，图2是根据另一示例性实施例示出的可视化图表生成系统架构图。如图2所示，第一子组件可以为柱状子组件，第二子组件可以为折线子组件，此外，第一子组件或第二子组件还可以是散点子组件等，在本实施例中并不对子组件的类型进行具体限定。

此外，可视化图表生成系统还可以包括地图组件，在地图组件中可以配备热力涂层子组件、地理图层子组件、散点图子组件等。而基础图表组件的主要作用就是将不同的子组件进行组合，例如将柱状子组件与折线子组件组合形成混搭图。组合时需要统一规划坐标轴，例如X轴显示的类目，应当从子组件数据并集中获取，Y轴应当从这个并集中计算出最大值和最小值。通过这种父子组件的设计方式，使得用户可以很清晰的了解到各个图表组件的功能界限，从而节省了大量翻阅文档的时间。

图3是图1所示的第一子组件构架图。如图3所示，第一子组件包含三个部分，一个是状态管理，负责接收管理组件的运行时状态，包含组件数据及样式配置信息；第二个是异常捕获，这里会捕获该子组件所有的异常信息，并加以处理后，通知给图表管理器，以便于后续的进一步处理，例如，异常捕获模块会将子组件暂时恢复到空状态，即无错误状态或隐藏状态，然后将当前子组件的基本信息并入到异常信息中，以便于图表管理器进行处理。这些信息包含当前子组件名称、子组件唯一识别码等；第三部分是绘图逻辑，这里与其他图表并没有太多区别，只是这个绘图逻辑并不一定是具体的代码，而可能只是一个更底层的配置信息，这个配置会交给图表管理器进行统一的处理并进行最终的绘图过程。

下面结合一个图表运行过程的例子，对本实施例提供的可视化图表生成方法的原理进行解释，图4是根据一示例性实施例示出的可视化图表生成流程示意图。如图4所示，在一个基础图表组件上配置有第一子组件和第二子组件，其中，第一子组件可以为柱状子组件，而第二子组件可以为折线子组件，该两个子组件分别从数据源中获取并管理数据。当子组件接收到数据后，会计算出当前子组件所需的配置信息，然后通知到基础图表组件，基础图表组件会整合所有子组件的配置，处理得到最终的配置信息，例如计算子组件的位置、所在坐标轴等，然后根据最终配置进行图表绘制过程。

图5是根据一示例性实施例示出的一种可视化图表生成方法流程图。如图5所示，本实施例提供的可视化图表生成方法，包括：

步骤101、第一子组件将第一数据替换为空数据。

对于普通的图表生成系统而言，它们通常不会提供异常捕捉处理、恢复的机制，这些图表库会默认用户输入的数据格式都严格符合文档中给出的形式，否则要么直接静默隐藏，要么直接抛出错误使得整个图表崩溃。

可见，对于图表系统而言，子组件在数据合法的情况下，一般是不会出错或者崩溃的，这样，所有的异常都可以更改数据来恢复正确，基于这个假设，对于子组件而言，只需要保留一种正确的数据的展现即可自动处理所有异常展现，而空数据就是一种很通用的数据情况。那么，当遇到任何异常情况时，子组件都可以切换到空数据来进行展现。

为了能够在保证图表生成过程中不会出错和发生崩溃的基础上，对图表进行进一步的处理或者恢复。子组件的异常会继续向外抛出，这样就会被图表管理器所捕获。当然，为了更好的处理异常，需要尽可能的将更多的信息传递给图表管理器。因而，在子组件捕获到异常后，会对异常进行重新包装，将该子组件的基础信息包裹到异常信息中，例如子组件对应的唯一识别码等，一起抛给图表管理器。然后，图表管理器就可以通过子组件唯一识别码来确定哪个具体为哪个子组件出现问题，从而更好的对数据进行恢复。

第一子组件在利用第一数据生成图表时，若第一数据为异常数据，则第一子组件就会将第一数据替换为空数据，以使基础图表组件根据空数据生成第一可视化图表。

此外，在第一子组件利用异常数据进行生成图表的过程中生成第一异常信息，第一子组件将第一异常信息抛送给图表管理器。而为了能够使得图表管理器能够更好地判断出具体发生异常的子组件，第一子组件还可以将第二异常信息抛送给图表管理器，其中，第二异常信息包括第一异常信息以及第一标识码，第一标识码对应第一子组件。

例如某个图表包含了柱形和折线两种子组件，如果柱形子组件出现异常，那么很可能会导致整体的图表崩溃，从而导致折线也无法展示。因此，如果柱形子组件出现错误，图表管理器会将其数据置空，这样只是柱形本身不展示，而折线依然可以正常显示。

步骤102、第一子组件重新向第一数据对应的数据源请求数据，以获得第二数据。

具体地，第一子组件的异常通常都是由于第一数据异常造成的，其发生异常的原因可能是网络问题或者服务器问题，此时，可以通过刷新数据或者更换数据源来获取新的数据，从而对第一子组件进行恢复。将子组件的数据进行重新请求，当得到新的数据后，直接刷新子组件，直至获得第二数据，其中，第二数据为正常数据。这里需要注意的是，如果用户没有指定异常处理逻辑，那么子组件就会一直处于异常状态，即空数据状态，直到下一次数据刷新至正常数据。

步骤103、基础图表组件根据第二数据将第一可视化图表更新为第二可视化图表。

当将数据更新为新的数据之后，第一子组件会重新执行，如果再次出现异常，会重复第一步的过程，直至更新为正确的第二数据，则重新计算配置，然后通知管理器，以使基础图表组件根据第二数据将第一可视化图表更新为第二可视化图表。

在本实施例中，通过在第一子组件利用错误数据生成图表时，将异常的第一数据替换为空数据形成第一可视化图表，从而有效地避免了在生成图表时由于数据错误而导致的图表显示异常或者崩溃的情况，然后第一子组件重新向第一数据对应的数据源请求数据，以获得正常的第二数据，基础图表组件再根据正常的第二数据将第一可视化图表更新为第二可视化图表，从而完成图表异常处理，并恢复显示。

此外，为了使得上述实施例中的可视化图表生成系统的图表和子组件都可以灵活的扩展。本实施例中的组件可以是基于React技术，通过利用高阶组件(HOC)的方式对组件进行扩展。例如，还可以给子组件添加数据请求能力，使得该组件能够自己管理维护数据，而非由外部传入。而对于现有的图表生成系统而言，所有组件功能、配置都是固定不变的，并没有提供扩展的机制。

此外，利用这个特性，我们还可以对异常处理进行优化。例如，为各个组件添加异常信息展示的能力，而这只需要给基础图表组件上添加一个『异常处理HOC』即可。当代码出现异常并抛出时，图表管理器会捕获这个异常，并将该信息告知图表组件，此时『异常处理HOC』就可以将这个信息按特定的格式及形式展现出来，以便于研发人员进行问题的定位分析。

图6是根据另一示例性实施例示出的一种可视化图表生成方法流程图。如图6所示，本实施例提供的可视化图表生成方法，包括：

步骤201、抛出第一异常信息。

具体地，第一子组件在利用第一数据生成图表时，若第一数据为异常数据，则第一子组件就会想图表管理器抛出第一异常信息。

而为了能够使得图表管理器能够更好地判断出具体发生异常的子组件，第一子组件还可以将第二异常信息抛送给图表管理器，其中，第二异常信息包括第一异常信息以及第一标识码，第一标识码对应第一子组件。

步骤202、生成第一可视化图表。

在图表管理器接收到第一异常信息之后，为了不使得图表崩溃，会将第一数据替换为空数据，以使基础图表组件根据空数据生成第一可视化图表。

步骤203、显示异常信息。

通常而言，开发者会在开发过程中，考虑到所有可能出现的异常情况，并加以处理。但是，到了运行时出现的异常，基本上都是开发者考虑不到的地方，因而很难对运行时异常进行处理，为了在开发态考虑研发人员调试的便利性，可以在可视化图表生成系统的调试界面中显示第二异常信息，以使开发者发现第一子组件存在异常。

步骤204、重新请求数据，更新第一子组件。

第一子组件的异常通常都是由于第一数据异常造成的，其发生异常的原因可能是网络问题或者服务器问题，此时，可以通过刷新数据或者更换数据源来获取新的数据，从而对第一子组件进行更新恢复。将子组件的数据进行重新请求，当得到新的数据后，直接刷新子组件，直至获得第二数据，其中，第二数据为正常数据。这里需要注意的是，如果用户没有指定异常处理逻辑，那么子组件就会一直处于异常状态，即空数据状态，直到下一次数据刷新至正常数据。

步骤205、通知图表管理器异常已恢复。

在第一子组件获取到正常的第二数据之后，第一子组件就会通知图表管理器异常已恢复。

步骤206、更新为第二可视图表。

在图表管理器接收到第一子组件抛出的异常已恢复通知之后，技术图表组件就会将第一可视图表更新为第二可视图表，从而完成图表异常处理，并恢复显示。

图7是根据一示例性实施例示出的一种可视化图表生成系统结构示意图。如图7所示，本实施例提供的可视化图表生成系统，包括：图表生成模块301、图表组合模块302以及图表管理模块303，所述图表组合模块302用于将不同的所述图表生成模块301进行组合，所述图表管理模块303用于捕获所述图表生成模块301抛出的异常信息；

所述图表生成模块301，用于将第一数据替换为空数据，以使所述图表组合模块302根据所述空数据生成第一可视化图表，其中，所述第一数据为异常数据，所述图表生成模块301为所述图表组合模块对应的图表生成模块组合中的成员；

所述图表生成模块301，还用于重新向所述第一数据对应的数据源请求数据，以获得第二数据，其中，所述第二数据为正常数据；

所述表组合模块302，还用于根据所述第二数据将所述第一可视化图表更新为第二可视化图表。

在一种可能的设计中，所述图表生成模块301，还用于在利用所述第一数据生成图表的过程中生成第一异常信息；

所述图表生成模块301，还用于将所述第一异常信息抛送给所述图表管理模块。

在一种可能的设计中，所述图表生成模块301，还用于将第二异常信息抛送给所述图表管理模块303，其中，所述第二异常信息包括所述第一异常信息以及第一标识码，所述第一标识码对应所述图表生成模块301。

在图7所示实施例的基础上，图8是根据另一示例性实施例示出的一种可视化图表生成系统结构示意图。本实施例提供的可视化图表生成系统，还包括：

调试模块304，用于显示所述第二异常信息，以使开发者发现所述图表生成模块存在异常。

值得说明地，图7与图8所示实施例中的可视化图表生成系统，可用于执行上述图5与图6所示实施例中的方法，具体实现方式和技术效果类似，这里不再赘述。

本发明还提供一种计算机可读存储介质，其上存储有计算机程序，该程序被处理器执行时实现前述任一项方法实施例所述的技术方案，其实现原理和技术效果类似，此处不再赘述。

图9为本发明根据一示例性实施例示出的电子设备的结构示意图。如图9所示，本实施例提供的电子设备，包括：

处理器401；以及

存储器402，用于存储所述处理器的可执行指令；

其中，所述处理器配置为经由执行所述可执行指令来执行前述任一项方法实施例所述的技术方案，其实现原理和技术效果类似，此处不再赘述。

并且，上述设备中的各模块的功能可以通过处理器401实现。

最后应说明的是：以上各实施例仅用以说明本发明的技术方案，而非对其限制；尽管参照前述各实施例对本发明进行了详细的说明，本领域的普通技术人员应当理解：其依然可以对前述各实施例所记载的技术方案进行修改，或对其中部分或全部技术特征进行等同替换；而这些修改或替换，并不使相应技术方案的本质脱离本发明各实施例技术方案的范围。

Claims (10)

1.一种可视化图表生成方法，其特征在于，应用于可视化图表生成系统，所述系统包括：至少一个子组件、基础图表组件以及图表管理器，所述基础图表组件用于将不同的所述子组件进行组合以生成可视化图表，所述图表管理器用于捕获所述子组件抛出的异常信息；所述方法包括：

在所述图表管理器接收到第一组件的异常信息时，所述第一子组件将第一数据替换为空数据，以使所述基础图表组件根据所述空数据生成第一可视化图表，其中，所述第一数据为异常数据，所述第一子组件为所述基础图表组件对应的子组件组合中的成员；

所述第一子组件重新向所述第一数据对应的数据源请求数据，以获得第二数据，其中，所述第二数据为正常数据；

所述基础图表组件根据所述第二数据将所述第一可视化图表更新为第二可视化图表。

2.根据权利要求1所述的可视化图表生成方法，其特征在于，在所述将第一数据替换为空数据之前，还包括：

所述第一子组件在利用所述第一数据生成图表的过程中生成第一异常信息；

所述第一子组件将所述第一异常信息抛送给所述图表管理器。

3.根据权利要求2所述的可视化图表生成方法，其特征在于，在所述第一子组件将所述第一异常信息抛送给所述图表管理器之后，还包括：

所述第一子组件将第二异常信息抛送给所述图表管理器，其中，所述第二异常信息包括所述第一异常信息以及第一标识码，所述第一标识码对应所述第一子组件。

4.根据权利要求3所述的可视化图表生成方法，其特征在于，在所述第一子组件将第二异常信息抛送给所述图表管理器之后，还包括：

在所述可视化图表生成系统的调试界面中显示所述第二异常信息，以使开发者发现所述第一子组件存在异常。

5.一种可视化图表生成系统，其特征在于，包括：图表生成模块、图表组合模块以及图表管理模块，所述图表组合模块用于将不同的所述图表生成模块进行组合，所述图表管理模块用于捕获所述图表生成模块抛出的异常信息；

所述图表生成模块，用于将第一数据替换为空数据，以使所述图表组合模块根据所述空数据生成第一可视化图表，其中，所述第一数据为异常数据，所述图表生成模块为所述图表组合模块对应的图表生成模块组合中的成员；

所述图表生成模块，还用于重新向所述第一数据对应的数据源请求数据，以获得第二数据，其中，所述第二数据为正常数据；

所述表组合模块，还用于根据所述第二数据将所述第一可视化图表更新为第二可视化图表。

6.根据权利要求5所述的可视化图表生成系统，其特征在于，所述图表生成模块，还用于在利用所述第一数据生成图表的过程中生成第一异常信息；

所述图表生成模块，还用于将所述第一异常信息抛送给所述图表管理模块。

7.根据权利要求6所述的可视化图表生成系统，其特征在于，

所述图表生成模块，还用于将第二异常信息抛送给所述图表管理模块，其中，所述第二异常信息包括所述第一异常信息以及第一标识码，所述第一标识码对应所述图表生成模块。

8.根据权利要求7所述的可视化图表生成系统，其特征在于，还包括：

调试模块，用于显示所述第二异常信息，以使开发者发现所述图表生成模块存在异常。

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

10.一种电子设备，其特征在于，包括：

处理器；以及

存储器，用于存储所述处理器的可执行指令；

其中，所述处理器配置为经由执行所述可执行指令来执行权利要求1-4任一项所述的可视化图表生成方法。

Images