CN109712216B - 图表渲染方法、装置、可读存储介质及电子设备 - Google Patents

Abstract

本公开涉及一种图表渲染方法、装置、可读存储介质及电子设备。所述方法包括：根据获取到的参考图片，确定所述参考图片中的素材类型及各素材类型所对应的颜色，其中，确定出的所述素材类型作为备选素材类型，以及确定出的所述颜色作为所述备选素材类型所对应的颜色；根据所述备选素材类型及各备选素材类型所对应的颜色，对待渲染图表进行渲染。由此，用户仅需提供不同的参考图片就可以得到不同的用于渲染图表的素材类型及其对应的颜色，不仅可以丰富图表渲染的方案，还可以省去用户寻找颜色的步骤，提升用户体验。

Description

图表渲染方法、装置、可读存储介质及电子设备

技术领域

本公开涉及计算机技术领域，具体地，涉及一种图表渲染方法、装置、可读存储介质及电子设备。

背景技术

目前，针对图表的渲染一般是为图表内的各种素材渲染不同的颜色。现有技术中，图表渲染一般有两种方式，第一种方式是用户针对图表中不同类型的素材，逐个手动选择颜色以进行图表渲染，这种方式需要用户手动操作的部分较多，不够方便且耗时较长；第二种方式则是用户预先定义针对图表中不同类型素材的颜色模板，并进行保存，在进行图表渲染时直接调用相应的模板，这种方式因为用户能够定义的模板有限，无法适应用户的多样性需求。另外，如果用户有期望渲染至图表的颜色，而用户在手动选择颜色的过程中，由于颜色选择区域中有大量相似的颜色，有些仅凭肉眼无法分辨，同时用户常常无法准确确定颜色对应的RGB值，这就增加了图表渲染的难度。

发明内容

本公开的目的是提供一种图表渲染方法、装置、可读存储介质及电子设备，以对图表进行渲染。

为了实现上述目的，根据本公开的第一方面，提供一种图表渲染方法，所述方法包括：

根据获取到的参考图片，确定所述参考图片中的素材类型及各素材类型所对应的颜色，其中，确定出的所述素材类型作为备选素材类型，以及确定出的所述颜色作为所述备选素材类型所对应的颜色；

根据所述备选素材类型及各备选素材类型所对应的颜色，对待渲染图表进行渲染。

可选地，所述根据所述备选素材类型及各备选素材类型所对应的颜色，对待渲染图表进行渲染，包括：

确定所述待渲染图表中包含的待渲染素材类型及各自对应的待渲染区域；

针对各个待渲染素材类型，根据与待渲染素材类型相匹配的备选素材类型所对应的颜色，对相应的待渲染区域进行渲染。

可选地，每个备选素材类型对应至少一个颜色，且一个备选素材类型对应的各个颜色具有优先级；

所述针对各个待渲染素材类型，根据与待渲染素材类型相匹配的备选素材类型所对应的颜色，对相应的待渲染区域进行渲染，包括：

针对各个待渲染素材类型，确定与待渲染素材类型相匹配的备选素材类型所对应的颜色为该待渲染素材类型对应的备选颜色；

根据所述备选颜色的优先级，对相应的待渲染区域进行渲染。

可选地，所述根据所述备选颜色的优先级，对相应的待渲染区域进行渲染，包括：

将优先级最高的备选颜色渲染至相应的待渲染区域。

可选地，所述根据所述备选颜色的优先级，对相应的待渲染区域进行渲染，包括：

按照所述备选颜色的优先级由高到低的顺序，将所述备选颜色渲染至相应的待渲染区域。

可选地，所述根据获取到的参考图片，确定所述参考图片中的素材类型及各素材类型所对应的颜色，包括：

利用图像识别算法对所述参考图片进行图像识别，确定所述参考图片中所包含的素材类型；

利用颜色提取算法对各类型素材对应的区域进行颜色提取，确定各种素材类型所对应的颜色。

根据本公开的第二方面，提供一种图表渲染装置，所述装置包括：

确定模块，用于根据获取到的参考图片，确定所述参考图片中的素材类型及各素材类型所对应的颜色，其中，确定出的所述素材类型作为备选素材类型，以及确定出的所述颜色作为所述备选素材类型所对应的颜色；

渲染模块，用于根据所述备选素材类型及各备选素材类型所对应的颜色，对待渲染图表进行渲染。

可选地，所述渲染模块包括：

第一确定子模块，用于确定所述待渲染图表中包含的待渲染素材类型及各自对应的待渲染区域；

渲染子模块，用于针对各个待渲染素材类型，根据与待渲染素材类型相匹配的备选素材类型所对应的颜色，对相应的待渲染区域进行渲染。

可选地，每个备选素材类型对应至少一个颜色，且一个备选素材类型对应的各个颜色具有优先级；

所述渲染子模块用于针对各个待渲染素材类型，确定与待渲染素材类型相匹配的备选素材类型所对应的颜色为该待渲染素材类型对应的备选颜色；根据所述备选颜色的优先级，对相应的待渲染区域进行渲染。

可选地，所述渲染子模块用于将优先级最高的备选颜色渲染至相应的待渲染区域。

可选地，所述渲染子模块用于按照所述备选颜色的优先级由高到低的顺序，将所述备选颜色渲染至相应的待渲染区域。

可选地，所述确定模块包括：

第二确定子模块，用于利用图像识别算法对所述参考图片进行图像识别，确定所述参考图片中所包含的素材类型；

第三确定子模块，用于利用颜色提取算法对各类型素材对应的区域进行颜色提取，确定各种素材类型所对应的颜色。

根据本公开的第三方面，提供一种计算机可读存储介质，其上存储有计算机程序，该程序被处理器执行时实现本公开第一方面所述方法的步骤。

根据本公开的第四方面，提供一种电子设备，包括：

存储器，其上存储有计算机程序；

处理器，用于执行所述存储器中的所述计算机程序，以实现本公开第一方面所述方法的步骤。

通过上述技术方案，根据获取到的参考图片，确定参考图片中的素材类型及各素材类型所对应的颜色，其中，确定出的素材类型作为备选素材类型，以及确定出的颜色作为备选素材类型所对应的颜色，之后，根据备选素材类型及各备选素材类型所对应的颜色，对待渲染图表进行渲染。利用现有的图片，可以从中识别出不同素材类型各自对应的颜色，并以此为依据对待渲染图表进行渲染，由此，用户仅需提供不同的参考图片就可以得到不同的用于渲染图表的素材类型及其对应的颜色，不仅可以丰富图表渲染的方案，还可以省去用户寻找颜色的步骤，提升用户体验。

本公开的其他特征和优点将在随后的具体实施方式部分予以详细说明。

附图说明

附图是用来提供对本公开的进一步理解，并且构成说明书的一部分，与下面的具体实施方式一起用于解释本公开，但并不构成对本公开的限制。在附图中：

图1是根据本公开的一种实施方式提供的图表渲染方法的流程图；

图2是本公开提供的图表渲染方法中，参考图片的一种示例性示意图；

图3是根据本公开提供的图表渲染方法中，根据获取到的参考图片，确定参考图片中的素材类型及各素材类型所对应的颜色的步骤的一种示例性实现方式的流程图；

图4是根据本公开提供的图表渲染方法中，根据备选素材类型及各备选素材类型所对应的颜色，对待渲染图表进行渲染的步骤的一种示例性实现方式的流程图；

图5是根据本公开提供的图表渲染方法中，针对各个待渲染素材类型，根据与待渲染素材类型相匹配的备选素材类型所对应的备选颜色，对相应的待渲染区域进行渲染的步骤的一种示例性实现方式的流程图；

图6是根据本公开的一种实施方式提供的图表渲染装置的框图；

图7是根据一示例性实施例示出的一种电子设备的框图。

具体实施方式

以下结合附图对本公开的具体实施方式进行详细说明。应当理解的是，此处所描述的具体实施方式仅用于说明和解释本公开，并不用于限制本公开。

图1是根据本公开的一种实施方式提供的图表渲染方法的流程图。如图1所示，本公开提供的方法可以包括以下步骤。

在步骤11中，根据获取到的参考图片，确定参考图片中的素材类型及各素材类型所对应的颜色，其中，确定出的素材类型作为备选素材类型，以及确定出的颜色作为备选素材类型所对应的颜色。其中，参考图片可以是由用户提供的有色图片。

根据获取到的参考图片，可以确定出参考图片中的素材类型及各素材类型所对应的颜色。其中，某一素材类型对应的颜色可以为一种颜色或者多种颜色。参考图片中的素材类型可以例如是文字、线条、背景、形状等。如图2所示，若图片P为获取到的参考图片，则针对参考图片P，其中素材C的素材类型为文字，素材L的素材类型为线条，素材B的素材类型为背景，素材G的素材类型为形状，因此可以确定出参考图片P中包含四种素材类型，分别为文字、线条、背景和形状。

在确定出参考图片中的素材类型及各素材类型对应的颜色后，可将确定出的素材类型作为备选素材类型，以及将确定出的与素材类型对应的颜色确定为相应备选素材类型所对应的颜色。示例地，若根据参考图片确定出两种素材类型分别为文字和形状，且文字所对应的颜色为红色、形状对应的颜色为绿色，那么可以将文字和形状作为备选素材类型，且将红色作为文字对应的颜色，并将绿色作为形状对应的颜色。

在步骤12中，根据备选素材类型及各备选素材类型所对应的颜色，对待渲染图表进行渲染。

根据从参考图片中获得的备选素材类型以及各备选素材类型所对应的颜色，对待渲染图表进行渲染。示例地，在对待渲染图片进行渲染时，可以将备选素材类型所对应的颜色渲染至待渲染图片中相应素材类型对应的区域。例如，若确定的备选素材类型为文字且文字对应的颜色为白色，那么在对待渲染图表进行渲染时，可以将待渲染图表中的文字部分渲染为白色。

通过上述方案，利用现有的图片，可以从中识别出不同素材类型各自对应的颜色，并以此为依据对待渲染图表进行渲染，由此，用户仅需提供不同的参考图片就可以得到不同的用于渲染图表的素材类型及其对应的颜色，不仅可以丰富图表渲染的方案，还可以省去用户寻找颜色的步骤，提升用户体验。

为了使本领域技术人员更加理解本发明实施例提供的技术方案，下面对上文中的相应步骤进行详细的说明。

首先，针对步骤11中根据获取到的参考图片，确定所述参考图片中的素材类型及各素材类型所对应的颜色进行举例说明。

在一种可能的实施方式中，步骤11可以包括以下步骤，如图3所示。

在步骤31中，利用图像识别算法对参考图片进行图像识别，确定参考图片中所包含的素材类型。

示例地，首先，可以将获取到的参考图片划分为多个小的图像，例如将参考图片切分成n*n个大小相同的矩形图像。针对每一个小的图像，利用图像识别模型识别出每个小的图像对应的素材类型，例如，将每一个小的图像输入图像识别模型，可得到图像识别模型针对输入图像而输出的图像对应的素材类型识别结果。其中，图像识别模型可以是预先经过训练而得到的模型，例如收集包含各种素材类型(如，文字、背景、形状、线条等)的图片作为原始数据集，结合卷积神经网络分类算法生成图像识别模型。示例地，在利用上述结合卷积神经网络分类算法生成的图像识别模型进行图像识别时，在将图像输入该模型后，会得到该图像属于各种素材类型的概率，从而将对应概率最高的素材类型确定为该图像对应的素材类型。例如，若训练数据集时所使用的数据集包含文字和形状两种素材类型，而将某一图像输入图像识别模型后得出该图像为文字的概率为0.1，以及该图像为形状的概率为0.9，从而可以确定输入的图像所对应的素材类型为形状。

在步骤32中，利用颜色提取算法对各类型素材对应的区域进行颜色提取，确定各种素材类型所对应的颜色。

示例地，可以通过例如颜色量化算法(如，中位切分法、八叉树算法)、聚类法(如，KMeans算法)、色彩建模法，对各类型色彩对应的区域进行颜色提取。在一种可能的实施例中，若在图像识别时将参考图片划分为多个小的图像，上述各类型素材对应的区域可以是每一个小的图像所对应的区域，也可以是同属于同种类型的素材的小的图像的集合构成的区域。其中，素材类型所对应的颜色可以为一种或多种。

采用上述方式，首先对参考图片进行图像识别，识别出参考图片中所包含的素材类型，进而针对各类型素材所对应的区域进行颜色提取，从而确定各种素材类型所对应的颜色。这样，可以对已知素材类型的区域进行颜色提取，从而得到该类型素材对应的颜色，针对性更强，从而可以在一定程度上提升颜色提取结果的准确率。

下面针对步骤12中根据备选素材类型及各备选素材类型所对应的颜色，对待渲染图表进行渲染进行举例说明。

在一种可能的实施方式中，如图4所示，步骤12可以包括以下步骤。

在步骤41中，确定待渲染图表中包含的待渲染素材类型及各自对应的待渲染区域。

在对待渲染图表进行渲染时，首先可以确定待渲染图表中所包含的素材类型，即待渲染素材类型，以及各类型待渲染素材所对应的待渲染区域。待渲染图表中包含的每一种素材类型可以对应一个或多个待渲染区域。在一种可能的实施方式中，若某一种素材类型对应多个待渲染区域，该多个待渲染区域可以预先设置有渲染顺序，在渲染时遵循该渲染顺序对图表进行渲染。

值得说明的是，待渲染图表中所包含的待渲染素材类型与参考图片中的素材类型可以是一致的，例如，如果参考图片是用户上传的，用户可以根据待渲染图表中所包含的素材类型选择合适的参考图片上传。

在步骤42中，针对各个待渲染素材类型，根据与待渲染素材类型相匹配的备选素材类型所对应的备选颜色，对相应的待渲染区域进行渲染。

在一种可能的实施方式中，每个备选素材类型可以对应至少一个颜色，且一个备选素材类型对应的各个颜色具有优先级。其中，示例地，该优先级可以依据从参考图片确定出的颜色的顺序而定。在这种实施方式中，如图5所示，步骤42可以包括以下步骤。

在步骤51中，针对各个待渲染素材类型，确定与待渲染素材类型相匹配的备选素材类型所对应的颜色为该待渲染素材类型对应的备选颜色。

针对从待渲染图表中确定出的各个待渲染素材类型，确定各个待渲染素材类型各自对应的备选素材类型，再根据确定出的备选素材类型，将该备选素材类型所对应的颜色确定为对应于相应待渲染素材类型的备选颜色。

在步骤52中，根据备选颜色的优先级，对相应的待渲染区域进行渲染。

根据待渲染素材类型对应的备选颜色的优先级，对待渲染图表中对应于该待渲染素材的待渲染区域进行渲染。

在一示例性实施例中，可以直接将优先级最高的备选颜色渲染至相应的待渲染区域。也就是说，将备选颜色中优先级最高的颜色直接渲染至待渲染素材类型所对应的所有待渲染区域中。如果某待渲染素材类型对应的备选颜色为一种，那么可以直接将该备选颜色渲染至待渲染素材对应的待渲染区域中。示例地，若根据参考图片确定的文字所对应的备选颜色为白色和黑色，且白色的优先级高于黑色的优先级，那么，在待渲染图表进行渲染时，可以将待渲染图表中的文字所对应的区域渲染为白色，即，待渲染图表中的文字颜色均为白色。这样，可以迅速确定针对待渲染图表的渲染方案，方便快捷。

在另一示例性实施例中，可以根据备选颜色的优先级由高到低的顺序，将备选颜色渲染至相应的待渲染区域。示例地，可以根据备选颜色的优先级由高到低的顺序，随机渲染至相应的待渲染区域，直至该待渲染素材类型所对应的待渲染区域全部被渲染完毕。再例如，可以根据备选颜色的优先级由高到低的顺序，按照待渲染区域的渲染顺序一对一进行渲染。在一种情况中，若某一待渲染素材类型的待渲染区域的个数大于该待渲染素材类型对应的备选颜色数，则可以在备选颜色中优先级最低的颜色被渲染至相应的待渲染区域后，继续从备选颜色中优先级最高的颜色开始，按照备选颜色优先级由高到低的顺序，对剩下的待渲染区域进行渲染，也就是循环性地利用备选颜色，对待渲染区域逐一渲染，直至该待渲染素材类型对应的待渲染区域全部被渲染完毕。这样，可以最大程度地利用从参考图片中得到的颜色进行图表渲染，使得渲染出的图表颜色丰富，增加观赏性。

采用上述方式，根据待渲染素材类型对应的备选颜色的优先级对相应的待渲染区域进行渲染，可以得到不同的针对待渲染图表的渲染方案，增加图表渲染的多样性。

在另一种可能的实施方式中，在确定出备选素材类型及备选素材类型对应的颜色后，可以将各种备选素材类型及各自对应的颜色输出至相应的显示界面，例如待渲染图表所在的屏幕。之后，接收用户针对于该输出内容而选择的期望渲染至待渲染图表中相应区域的颜色，并以用户的选择内容为依据对待渲染图表进行渲染。

采用上述方式，可以从参考图片中确定相应素材类型所对应的颜色，并将其输出给用户，以便用户直接确定针对待渲染图表的渲染方案，这样更加符合用户的个性化需求，且为用户省去了寻找颜色的步骤。

图6是根据本公开的一种实施方式提供的图表渲染装置的框图。如图6所示，该装置60可以包括：

确定模块61，用于根据获取到的参考图片，确定所述参考图片中的素材类型及各素材类型所对应的颜色，其中，确定出的所述素材类型作为备选素材类型，以及确定出的所述颜色作为所述备选素材类型所对应的颜色；

渲染模块62，用于根据所述备选素材类型及各备选素材类型所对应的颜色，对待渲染图表进行渲染。

可选地，所述渲染模块62包括：

第一确定子模块，用于确定所述待渲染图表中包含的待渲染素材类型及各自对应的待渲染区域；

渲染子模块，用于针对各个待渲染素材类型，根据与待渲染素材类型相匹配的备选素材类型所对应的颜色，对相应的待渲染区域进行渲染。

可选地，每个备选素材类型对应至少一个颜色，且一个备选素材类型对应的各个颜色具有优先级；

所述渲染子模块用于针对各个待渲染素材类型，确定与待渲染素材类型相匹配的备选素材类型所对应的颜色为该待渲染素材类型对应的备选颜色；根据所述备选颜色的优先级，对相应的待渲染区域进行渲染。

可选地，所述渲染子模块用于将优先级最高的备选颜色渲染至相应的待渲染区域。

可选地，所述渲染子模块用于按照所述备选颜色的优先级由高到低的顺序，将所述备选颜色渲染至相应的待渲染区域。

可选地，所述确定模块61包括：

第二确定子模块，用于利用图像识别算法对所述参考图片进行图像识别，确定所述参考图片中所包含的素材类型；

第三确定子模块，用于利用颜色提取算法对各类型素材对应的区域进行颜色提取，确定各种素材类型所对应的颜色。

关于上述实施例中的装置，其中各个模块执行操作的具体方式已经在有关该方法的实施例中进行了详细描述，此处将不做详细阐述说明。

图7是根据一示例性实施例示出的一种电子设备的框图。例如，电子设备1900可以被提供为一服务器。参照图7，电子设备1900包括处理器1922，其数量可以为一个或多个，以及存储器1932，用于存储可由处理器1922执行的计算机程序。存储器1932中存储的计算机程序可以包括一个或一个以上的每一个对应于一组指令的模块。此外，处理器1922可以被配置为执行该计算机程序，以执行上述的图表渲染方法。

另外，电子设备1900还可以包括电源组件1926和通信组件1950，该电源组件1926可以被配置为执行电子设备1900的电源管理，该通信组件1950可以被配置为实现电子设备1900的通信，例如，有线或无线通信。此外，该电子设备1900还可以包括输入/输出(I/O)接口1958。电子设备1900可以操作基于存储在存储器1932的操作系统，例如WindowsServerTM，Mac OS XTM，UnixTM,LinuxTM等等。

在另一示例性实施例中，还提供了一种包括程序指令的计算机可读存储介质，该程序指令被处理器执行时实现上述的图表渲染方法的步骤。例如，该计算机可读存储介质可以为上述包括程序指令的存储器1932，上述程序指令可由电子设备1900的处理器1922执行以完成上述的图表渲染方法。

以上结合附图详细描述了本公开的优选实施方式，但是，本公开并不限于上述实施方式中的具体细节，在本公开的技术构思范围内，可以对本公开的技术方案进行多种简单变型，这些简单变型均属于本公开的保护范围。

另外需要说明的是，在上述具体实施方式中所描述的各个具体技术特征，在不矛盾的情况下，可以通过任何合适的方式进行组合。为了避免不必要的重复，本公开对各种可能的组合方式不再另行说明。

此外，本公开的各种不同的实施方式之间也可以进行任意组合，只要其不违背本公开的思想，其同样应当视为本公开所公开的内容。

Claims (10)

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

根据获取到的参考图片，确定所述参考图片中的素材类型及各素材类型所对应的颜色，其中，确定出的所述素材类型作为备选素材类型，以及确定出的所述颜色作为所述备选素材类型所对应的颜色，其中，所述素材类型包括以下中的一种或多种：文字、线条、背景、形状；

根据所述备选素材类型及各备选素材类型所对应的颜色，对待渲染图表进行颜色渲染。

2.根据权利要求1所述的方法，其特征在于，所述根据所述备选素材类型及各备选素材类型所对应的颜色，对待渲染图表进行颜色渲染，包括：

确定所述待渲染图表中包含的待渲染素材类型及各自对应的待渲染区域；

针对各个待渲染素材类型，根据与待渲染素材类型相匹配的备选素材类型所对应的颜色，对相应的待渲染区域进行颜色渲染。

3.根据权利要求2所述的方法，其特征在于，每个备选素材类型对应至少一个颜色，且一个备选素材类型对应的各个颜色具有优先级；

所述针对各个待渲染素材类型，根据与待渲染素材类型相匹配的备选素材类型所对应的颜色，对相应的待渲染区域进行颜色渲染，包括：

针对各个待渲染素材类型，确定与待渲染素材类型相匹配的备选素材类型所对应的颜色为该待渲染素材类型对应的备选颜色；

根据所述备选颜色的优先级，对相应的待渲染区域进行颜色渲染。

4.根据权利要求3所述的方法，其特征在于，所述根据所述备选颜色的优先级，对相应的待渲染区域进行颜色渲染，包括：

将优先级最高的备选颜色渲染至相应的待渲染区域。

5.根据权利要求3所述的方法，其特征在于，所述根据所述备选颜色的优先级，对相应的待渲染区域进行颜色渲染，包括：

按照所述备选颜色的优先级由高到低的顺序，将所述备选颜色渲染至相应的待渲染区域。

6.根据权利要求1所述的方法，其特征在于，所述根据获取到的参考图片，确定所述参考图片中的素材类型及各素材类型所对应的颜色，包括：

利用图像识别算法对所述参考图片进行图像识别，确定所述参考图片中所包含的素材类型；

利用颜色提取算法对各类型素材对应的区域进行颜色提取，确定各种素材类型所对应的颜色。

7.一种图表渲染装置，其特征在于，所述装置包括：

确定模块，用于根据获取到的参考图片，确定所述参考图片中的素材类型及各素材类型所对应的颜色，其中，确定出的所述素材类型作为备选素材类型，以及确定出的所述颜色作为所述备选素材类型所对应的颜色，其中，所述素材类型包括以下中的一种或多种：文字、线条、背景、形状；

渲染模块，用于根据所述备选素材类型及各备选素材类型所对应的颜色，对待渲染图表进行颜色渲染。

8.根据权利要求7所述的装置，其特征在于，所述渲染模块包括：

第一确定子模块，用于确定所述待渲染图表中包含的待渲染素材类型及各自对应的待渲染区域；

渲染子模块，用于针对各个待渲染素材类型，根据与待渲染素材类型相匹配的备选素材类型所对应的颜色，对相应的待渲染区域进行颜色渲染。

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

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

存储器，其上存储有计算机程序；

处理器，用于执行所述存储器中的所述计算机程序，以实现权利要求1-6中任一项所述方法的步骤。

Images