CN116820308A - 一种数据大屏页面处理方法、装置以及相关设备 - Google Patents
一种数据大屏页面处理方法、装置以及相关设备 Download PDFInfo
- Publication number
- CN116820308A CN116820308A CN202310287609.0A CN202310287609A CN116820308A CN 116820308 A CN116820308 A CN 116820308A CN 202310287609 A CN202310287609 A CN 202310287609A CN 116820308 A CN116820308 A CN 116820308A
- Authority
- CN
- China
- Prior art keywords
- color
- component
- target
- data
- colored
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Pending
Links
- 238000003672 processing method Methods 0.000 title abstract description 23
- 238000004040 coloring Methods 0.000 claims abstract description 67
- 238000000034 method Methods 0.000 claims abstract description 65
- 239000003086 colorant Substances 0.000 claims description 86
- 238000012545 processing Methods 0.000 claims description 45
- 238000005034 decoration Methods 0.000 claims description 20
- 230000007935 neutral effect Effects 0.000 claims description 14
- 238000004590 computer program Methods 0.000 claims description 12
- 230000008859 change Effects 0.000 claims description 6
- 230000000694 effects Effects 0.000 claims description 4
- 230000000875 corresponding effect Effects 0.000 description 67
- 238000010586 diagram Methods 0.000 description 17
- 230000008569 process Effects 0.000 description 7
- 238000004891 communication Methods 0.000 description 6
- 230000006870 function Effects 0.000 description 6
- 230000003287 optical effect Effects 0.000 description 5
- 230000009471 action Effects 0.000 description 4
- 238000004422 calculation algorithm Methods 0.000 description 3
- 230000009286 beneficial effect Effects 0.000 description 2
- 239000011159 matrix material Substances 0.000 description 2
- 239000013307 optical fiber Substances 0.000 description 2
- 230000000644 propagated effect Effects 0.000 description 2
- 239000004065 semiconductor Substances 0.000 description 2
- 230000000007 visual effect Effects 0.000 description 2
- 241000220317 Rosa Species 0.000 description 1
- 238000004458 analytical method Methods 0.000 description 1
- 238000004364 calculation method Methods 0.000 description 1
- 230000002596 correlated effect Effects 0.000 description 1
- 238000013079 data visualisation Methods 0.000 description 1
- 230000001419 dependent effect Effects 0.000 description 1
- 230000004069 differentiation Effects 0.000 description 1
- 239000000835 fiber Substances 0.000 description 1
- 239000004973 liquid crystal related substance Substances 0.000 description 1
- 238000013507 mapping Methods 0.000 description 1
- 238000012986 modification Methods 0.000 description 1
- 230000004048 modification Effects 0.000 description 1
- 230000000750 progressive effect Effects 0.000 description 1
- 238000012546 transfer Methods 0.000 description 1
- 230000007704 transition Effects 0.000 description 1
Landscapes
- Processing Or Creating Images (AREA)
Abstract
本申请公开了一种数据大屏页面处理方法、装置、设备及存储介质,该方法先获取待上色数据大屏页面、待上色数据大屏页面的组件信息以及预设色盘,其中,待上色数据大屏页面包括待上色组件,组件信息包括各个待上色组件的组件类型;采用与目标组件的组件类型对应的配色方法确定目标组件的目标颜色,目标组件是待上色数据大屏页面包括的待上色组件中的一个,目标组件的目标颜色是基于预设色盘以及待上色数据大屏页面的背景颜色中的一种或者多种确定的;再利用目标颜色为目标组件上色,得到上色后的数据大屏页面。如此,能够基于数据大屏页面包括的组件的组件类型,确定组件的目标颜色,并实现对组件的自动上色,能够提高为数据大屏页面的上色的效率。
Description
技术领域
本申请涉及数据处理技术领域,具体涉及一种数据大屏页面处理方法、装置以及相关设备。
背景技术
在涉及数据的展示的场景中,通常会利用数据大屏设备展示数据。数据大屏设备是用于展示数据的显示屏幕较大的设备。数据大屏编辑平台能够编辑数据大屏,提供数据可视化服务。用户利用数据大屏编辑平台所提供的丰富的可视化组件,例如数据图表、图形以及控件,自由拖拽可视化组件实现数据大屏的配置和布局。如此,用户无需编程就能够轻松搭建可视化的数据大屏,并能基于数据大屏设备的分辨率自由确定数据大屏的尺寸。数据大屏还配置有三维地图以及转场动画等显示方式。用户通过配置显示方式,使得数据大屏显示的数据具有动态表现力,在数据更新或者数据变化时有醒目的动画提醒,便于用户展示数据。用户基于数据大屏设备显示的数据大屏,能够在展厅中实现走动式讲述,也能够基于数据大屏设备显示的数据大屏进行数据的呈现。
在用户编辑数据大屏设备所要显示的数据大屏页面的过程中,需要根据显示的内容的需要,手动为数据大屏页面配置颜色,导致数据大屏页面的上色效率较低。
发明内容
有鉴于此,本申请提供一种数据大屏页面处理方法、装置以及相关设备,能够提高数据大屏页面的上色效率。
为解决上述问题,本申请提供的技术方案如下:
基于此,本申请提供的技术方案如下:
第一方面,本申请提供一种数据大屏页面处理方法,所述方法包括:
获取待上色数据大屏页面、所述待上色数据大屏页面的组件信息以及预设色盘,所述待上色数据大屏页面包括待上色组件,所述组件信息包括各个待上色组件的组件类型,所述预设色盘包括一种或者多种基础颜色;
基于所述目标组件的组件类型确定所述目标组件的目标颜色,所述目标组件为所述待上色数据大屏页面包括的待上色组件中的一个,所述目标颜色基于所述预设色盘和所述待上色数据大屏页面的背景颜色中的一种或者多种确定;
利用所述目标颜色为所述目标组件上色,得到上色后的数据大屏页面。
第二方面,本申请提供一种数据大屏页面处理装置,所述装置包括:
获取单元,用于获取待上色数据大屏页面、所述待上色数据大屏页面的组件信息以及预设色盘,所述待上色数据大屏页面包括待上色组件,所述组件信息包括各个待上色组件的组件类型,所述预设色盘包括一种或者多种基础颜色;
确定单元,用于基于所述目标组件的组件类型确定所述目标组件的目标颜色,所述目标组件为所述待上色数据大屏页面包括的待上色组件中的一个,所述目标颜色基于所述预设色盘和所述待上色数据大屏页面的背景颜色中的一种或者多种确定;
上色单元,用于利用所述目标颜色为所述目标组件上色,得到上色后的数据大屏页面。
第三方面,本申请提供一种电子设备,包括:
一个或多个处理器;
存储装置,其上存储有一个或多个程序,
当所述一个或多个程序被所述一个或多个处理器执行,使得所述一个或多个处理器实现第一方面中任一所述的方法。
第四方面,本申请提供一种计算机可读介质,其上存储有计算机程序,其中,所述程序被处理器执行时实现第一方面中任一所述的方法。
第五方面,本申请提供一种计算机程序产品,所述计算机程序产品在设备上运行时,使得所述设备执行第一方面所述的方法。
由此可见,本申请具有如下有益效果:
本申请提供一种数据大屏页面处理方法、装置、设备及存储介质,该方法先获取待上色数据大屏页面、待上色数据大屏页面的组件信息以及预设色盘,其中,待上色数据大屏页面包括待上色组件,组件信息包括各个待上色组件的组件类型,预设色盘内包括一种或者多种基础颜色;采用与目标组件的组件类型对应的配色方法确定目标组件的目标颜色,目标组件是待上色数据大屏页面包括的待上色组件中的一个,目标组件的目标颜色是基于预设色盘以及待上色数据大屏页面的背景颜色中的一种或者多种确定的;再利用目标颜色为目标组件上色,得到上色后的数据大屏页面。如此,能够基于数据大屏页面包括的组件的组件类型,确定组件的目标颜色,并实现对组件的自动上色,能够提高为数据大屏页面的上色的效率。
附图说明
图1为本申请实施例提供的示例性应用场景的框架示意图;
图2为本申请实施例提供的数据大屏页面处理方法的流程图;
图3为本申请实施例提供的一种数据大屏页面的示意图;
图4为本申请实施例提供的一种数据大屏页面处理装置的结构示意图;
图5为本申请实施例提供的一种电子设备的基本结构的示意图。
具体实施方式
为了便于理解和解释本申请实施例提供的技术方案,下面将先对本申请的背景技术进行说明。
制作数据大屏页面的用户通常调用组件编辑所要显示内容。为了提升观看者的观看体验,制作数据大屏页面的用户对数据大屏页面包括的组件配置对应的颜色。目前,用户基于自身编辑数据大屏页面的经验手动配置数据大屏页面内组件的颜色,导致数据大屏页面的配色效率较低。
基于此,本申请实施例提供一种数据大屏页面处理方法、装置、设备及存储介质。该方法先获取待上色数据大屏页面、待上色数据大屏页面的组件信息以及预设色盘,其中,待上色数据大屏页面包括待上色组件,组件信息包括各个待上色组件的组件类型,预设色盘内包括一种或者多种基础颜色;采用与目标组件的组件类型对应的配色方法确定目标组件的目标颜色,目标组件是待上色数据大屏页面包括的待上色组件中的一个,目标组件的目标颜色是基于预设色盘以及待上色数据大屏页面的背景颜色中的一种或者多种确定的;再利用目标颜色为目标组件上色,得到上色后的数据大屏页面。如此,能够基于数据大屏页面包括的组件的组件类型,确定组件的目标颜色,并实现对组件的自动上色,能够提高为数据大屏页面的上色的效率。
为了便于理解本申请实施例提供的一种数据大屏页面处理方法,下面结合附图对本申请实施例提供的一种数据大屏页面处理方法进行说明,下面结合图1所示的场景示例进行说明。参见图1所示,该图为本申请实施例提供的示例性应用场景的框架示意图。
在实际应用时,用户将已经完成内容编辑的待上色数据大屏页面、待上色数据大屏页面的组件信息以及包括选择的用于上色基础颜色的预设色盘输入至用于数据大屏页面处理的设备。其中,待上色数据大屏页面的组件信息能够是预先对待上色数据大屏页面进行组件分析得到的,或者是基于用户编辑数据大屏页面的编辑数据得到的。组件信息包括待上色数据大屏页面的各个待上色组件的组件类型。用于数据大屏页面处理的设备再根据目标颜色对待上色组件进行上色,得到完成上色的数据大屏页面。
需要说明的是,用于数据大屏页面处理的设备能够是向用户提供数据大屏页面处理服务的设备,例如服务器。用户能够通过配置在终端设备上的客户端或者页面访问并使用服务器提供的数据大屏页面处理服务。用于数据大屏页面处理的设备也能够是计算机等终端设备。终端设备预先配置实现数据大屏页面处理的程序。用户能够使用实现数据大屏页面处理的程序实现数据大屏页面的上色。
本领域技术人员可以理解,图1所示的框架示意图仅是本申请的实施方式可以在其中得以实现的一个示例。本申请实施方式的适用范围不受到该框架任何方面的限制。
为了便于理解本申请实施例提供的技术方案,下面结合附图对本申请实施例提供的数据大屏页面处理方法进行说明。
参见图2所示,该图为本申请实施例提供的数据大屏页面处理方法的流程图,如图2所示,所述方法可以包括S201-S203:
S201:获取待上色数据大屏页面、待上色数据大屏页面的组件信息以及预设色盘。
待上色数据大屏页面是用户编辑数据大屏页面的内容后得到的需要进行上色的页面。参见图3所示,该图为本申请实施例提供的一种数据大屏页面的示意图。待上色数据大屏页面包括待上色组件。待上色组件例如为待上色数据大屏页面包括的图表、文字、数据以及装饰的图像。以图3所示的待上色数据大屏页面为例,待上色组件包括标题文字“XXX业务监控”、柱状图、饼状图、气泡图、装饰边框以及表格。
待上色组件能够具有初始颜色。初始颜色例如为待上色组件原本配置的颜色,或者为中性颜色。中性颜色包括白色、黑色以及灰色。待上色数据大屏页面具有背景颜色。在本申请实施例中,背景颜色是用户预先设置的,或者是数据大屏页面的默认背景颜色。
待上色数据大屏页面的组件信息包括待上色组件的相关信息。待上色数据大屏页面包括一种或者多种组件类型的待上色组件。待上色数据大屏页面的组件信息包括各个待上色组件的组件类型。以图3所示的待上色数据大屏页面为例,待上色数据大屏页面的组件信息包括“XXX业务监控”为背景型组件、柱状图为类别型组件、饼状图为类别型组件、气泡图为数值型组件、装饰边框为装饰型组件以及表格为背景型组件。
待上色数据大屏页面的组件信息能够是用户在编辑待上色数据大屏页面的过程中生成的,或者是对待上色数据大屏页面进行识别分析得到的。作为一种示例,待上色数据大屏页面的组件信息为POMtree。POMtree包括待上色数据大屏页面的各个待上色组件的组件类型。
在一些可能的实现方式中,组件类型包括类别型组件、数值型组件、装饰型组件和背景型组件中的一种或者多种。
其中,类别型组件为包括多种内容的文本。类别型组件利用不同颜色种类体现不同内容的文本。文本为数据或者字符。类别型组件例如为柱状图、折线图、散点图、饼图、玫瑰图、漏斗图、桑基图、雷达图或者表格。比如,参见图3所示,柱状图为类别型组件。柱状图用于显示1月至3月每个月的“成本”、“销售额”以及“净利润”。柱状图包括三种内容的文本,分别是“成本”、“销售额”以及“净利润”。
数值型组件包括多个数值的数据。数值型组件利用颜色深浅体现数据的数值变化。作为一些示例,数值型组件例如为气泡图、圆视图或者热力地图。
装饰型组件为具有装饰作用的组件。装饰型组件例如为标题背景、装饰线、边框、表格线等用于装饰数据大屏页面的组件。
背景型组件为构成待上色数据大屏页面背景的组件。背景型组件例如为标题文字、翻牌器、图标图形、文本等作为背景的组件。
除获取待上色数据大屏页面和待上色数据大屏页面的组件信息以外,还获取预设色盘。预设色盘用于确定待上色组件的目标颜色。预设色盘包括一种或者多种基础颜色。预设色盘包括的基础颜色能够是用户预先选择的,或者是预先设置的默认的颜色。
S202:基于目标组件的组件类型确定目标组件的目标颜色。
不同组件类型的待上色组件具有对应的确定目标颜色的方法。根据待上色数据大屏页面的组件信息,能够确定目标组件的组件类型。目标组件为待上色数据大屏页面包括的多个待上色组件中的一个。目标组件的目标颜色是基于预设色盘和待上色数据大屏页面的背景颜色中的一种或者多种确定的。
作为一些示例,本申请实施例提供四种组件类型的目标组件的目标颜色的具体实现方式,请参见下文。
S203:利用目标颜色为目标组件上色,得到上色后的数据大屏页面。
利用确定的目标颜色,为目标组件进行上色。本申请实施例不限定对目标组件进行上色的方式。在一种可能的实现方式中,在确定目标组件的目标颜色后,为待上色数据大屏页面包括的目标组件进行上色。在另一种可能的实现方式中,在确定待上色数据大屏页面包括的各个目标组件的目标颜色后,为待上色数据大屏页面包括的各个目标组件一起进行上色处理。
基于上述S201-S203的相关内容可知,根据待上色组件的组件类型,确定待上色组件的目标颜色,并利用目标颜色进行上色。如此能够实现对待上色数据大屏页面的自动上色,提高对生成数据大屏页面的效率。
在一些可能的实现方式中,组件类型包括类别型组件、数值型组件、装饰型组件和背景型组件中的一种或者多种。本申请实施例分别提供以上四种组件类型的目标组件的目标颜色的具体实现方式。
第一种:目标组件为类别型组件。
类别型组件中相同内容信息的文本的目标颜色需要保持一致。以上述图3所示的柱状图为例,柱状图包括三种内容的文本,分别是“成本”、“销售额”以及“净利润”为例,表示“成本”的柱状区域、“销售额”的柱状区域以及“净利润”的柱状区域的颜色不同,并且柱状图中表示同一内容信息的文本对应的柱状区域的颜色相同。
采用与目标组件的组件类型对应的配色方法确定目标组件的目标颜色,包括以下两个步骤。
A1:从待上色数据大屏页面的组件信息中获取目标组件包括的多个文本。
待上色数据大屏页面的组件信息还包括各个类别型组件包括的多个文本。从待上色数据大屏页面的组件信息中获取目标组件包括的各个文本。
A2:确定目标组件的各个内容文本分别对应的目标颜色。
目标组件能够包括多个文本。多个文本包括不同内容的文本。确定每个内容的文本对应的目标颜色。
每个内容的文本对应的目标颜色能够是基于预设色盘得到的。在一种可能的实现方式中,目标颜色能够是预设色盘的基础颜色。基于预设色盘包括的多个基础颜色,为不同内容的文本分配对应的基础颜色作为目标颜色。在另一种可能的实现方式中,目标颜色扩展颜色。在一种可能的情况下,扩展颜色是利用预设色盘包括的多种基础颜色混合得到的。例如,预设色盘包括红色和黄色。将红色和黄色进行混合,得到扩展颜色橙色。在另一种可能的情况下,扩展颜色是预设色盘包括的基础颜色调整明度得到的。例如,预设色盘包括浅红色,扩展颜色是对浅红色调整明度得到的暗红色。
本申请实施例不限定确定目标组件的各个内容文本分别对应的目标颜色的方式。
在一种可能的实现方式中,基于预设色盘包括的基础颜色或扩展颜色,为各个内容的文本分配对应的目标颜色。
在另一种可能的实现方式中,获取目标组件包括的多个文本中的一个文本,也就是目标文本的着色区域以及着色区域的相邻区域,基于相邻区域的着色颜色确定目标文本的目标颜色。目标文本的着色区域是与目标文本对应的需要利用目标颜色进行上色的区域。以上述目标组件为柱状图为例,待上色数据大屏页面的柱状图包括的柱形区域就是需要上色的区域。着色区域的相邻区域能够是对待上色数据大屏页面进行图像处理得到的。利用图像处理算法,对待上色数据大屏页面进行需要上色的区域的划分,得到着色区域以及和着色区域相邻的相邻区域。
基于预设色盘,确定多个第一候选颜色。计算每个第一候选颜色的第一度量值。再将第一度量值最高的第一候选颜色作为目标文本对应的目标颜色。其中,第一度量值根据第一候选颜色与相邻区域的着色颜色的和谐度、第一候选颜色与相邻区域的着色颜色的区分度和第一候选颜色与相邻区域的着色颜色的连续度中的一种或者多种计算得到的。和谐度、区分度和连续度均能利用对应的公式计算得到。在一些可能的实现方式中,基于着色区域与相邻区域的相邻程度,配置相邻区域对应的权重。着色区域与相邻区域的相邻程度能够基于着色区域与相邻区域的边界长度确定。相邻程度与边界长度呈正相关。相邻区域对应的权重用于调整利用相邻区域的着色颜色计算得到的和谐度、区分度和连续度的数值。例如,将计算得到的第一候选颜色与相邻区域的着色颜色计算得到的和谐度与相邻区域的权重相乘,得到更新后的和谐度。
为了保持待上色数据大屏页面包括的相同内容的文本对应的目标颜色相同,建立目标文本与目标颜色的对应关系。如此能够在后续确定文本对应的目标颜色时,能够查询历史建立的目标文本与目标颜色的对应关系。如果能够查询到本次需要确定的目标文本与目标颜色的对应关系,则能够确定目标文本对应的目标颜色。如果查询不到本次需要确定的目标文本与目标颜色的对应关系,则从第一候选颜色中确定目标文本对应的目标颜色。利用建立的目标文本与目标颜色的对应关系,能够保持待上色数据大屏页面中,相同内容的文本的颜色相同。
第二种:目标组件为数值型组件。
数值型组件包括多个数值的数据。数值型组件能够利用颜色的深浅表示数据的数值的变化。例如,以数值型组件为热点地图为例,数值型组件的目标颜色为红色。数据数值较高,对应的着色区域的上色的目标颜色为深红色。数据数值较低,对应的着色区域的上色的目标颜色为浅红色。
本申请实施例提供一种基于目标组件的组件类型确定目标组件的目标颜色的具体实现方式,包括:
B1:计算各个第二候选颜色的明度以及各个第二候选颜色分别与背景颜色的差异度。
第二候选颜色为根据预设色盘确定的颜色。第二候选颜色能够是预设色盘包括的基础颜色或者是扩展颜色。每个第二候选颜色的色系不同。
第二候选颜色的明度用于衡量第二候选颜色的深浅程度。第二候选颜色的明度能够采用公式(1)计算得到。
C1=-2.1+0.05×(100-L) (1)
其中,L为第二候选颜色的亮度。C1为第二候选颜色的明度。第二候选颜色越深,C1的数值越大。第二候选颜色越浅,C1的数值越小。
第二候选颜色与背景颜色的差异度用于衡量第二候选颜色与背景颜色的差异。第二候选颜色与背景颜色的差异度利用公式(2)计算得到
其中,Li、ai和bi分别表示第二候选颜色在LAB(Lab color space,颜色-对立空间)中的三个分量。Li为第二候选颜色的亮度,ai和bi表示颜色对立维度。Lj、aj和bj分别表示背景颜色在LAB中的三个分量。Lj为背景颜色的亮度,aj和bj表示颜色对立维度。
B2:利用明度和差异度计算各个第二候选颜色的第二度量值。
第二候选颜色的第二度量值能够是第二候选颜色的明度和第二候选颜色的差异度的和,或者是加权和。明度和差异度对应的权重能够预先配置。
B3:根据各个第二候选颜色的第二度量值,确定极端颜色,极端颜色对应数值型组件包括的极值数据。
根据计算得到的各个第二候选颜色的第二度量值,先确定极值数值对应的目标颜色,也就是极端颜色。极值数值为数值型组件包括的数值最大的数据以及数值最小的数据。待上色数据大屏页面的组件信息还包括各个数值型组件的数据的数值。极值数据是从待上色数据大屏页面的组件信息获取的。极值数值对应的目标颜色,能够是第二度量值最大或者最小的第二候选颜色。比如,数值最大的数据对应的目标颜色为第二度量值最大的第二候选颜色。数值最小的数据对应的目标颜色为第二度量值最小的第二候选颜色。或者,比如,数值最大的数据对应的目标颜色为第二度量值最大的第二候选颜色。数值最小的数据对应的目标颜色为第二度量值从大到小排序第二的第二候选颜色。
在一种可能的实现方式中,极值数据包括中间值数据。中间值数据为预先设置的数值。例如,中间值数据为0。如果极值数据包括中间值数据,比如数值最大的数据为中间值数据,或者数值最小的数据为中间值数据,则将中性颜色作为中间值数据对应的颜色。另一个极值数据则基于各个第二候选颜色的第二度量值,确定一个极端颜色。
在另一种可能的实现方式中,极值数据不包括中间值数据。极端颜色的数量为两个。为了防止两个计算颜色的色调差距较大,计算两个极端颜色的色调差值。如果两个极端颜色的色调差值不在预设范围内,则需要根据各个第二候选颜色的第二度量值,重新确定极端颜色。如果两个极端颜色的色调差值在预设范围内,则确定两个极端颜色。其中,预设范围为大于等于120,小于等于240。
B4:根据极端颜色,确定数值型组件包括的除极值数据以外的数据的第三候选颜色。
在得到极端颜色后,利用极端颜色确定与除极值数据以外的数据的第三候选颜色。第三候选颜色的明度小于极端颜色的明度,并且第三候选颜色与极端颜色属于相同色系。第三候选颜色能够是利用颜色明度的映射算法确定的。极端颜色以及第三候选颜色能够组成用于为数值型组件上色的阶跃色盘。
在一种可能的实现方式中,利用极端数值与极端颜色的明度的对应关系,确定除极值数据以外的数据的数值对应的第三候选颜色的明度。
例如,极值数据包括中间值数据0。中间值数据对应的中性颜色为白色。B3步骤确定的极端颜色为深红色,深红色的明度为A,极端数值为100。数值为50的数据对应的第三候选颜色的明度为A的二分之一的红色。又例如,极值数据不包括中间值数据。B3步骤确定的极端颜色为深红色和深蓝色。极端数值为100和-100。极端数值为100对应的极端颜色为深红色,明度为A。极端数值为-100对应的极端颜色为深蓝色,明度为B。数值为100至0的数据,对应的第三候选颜色为红色。数值为0至-100的数据,对应的第三候选颜色为蓝色。数值为50的数据对应的第三候选颜色的明度为A的二分之一的红色。数值为-25的数据对应的第三候选颜色的明度为A的四分之一的蓝色。
第三种:目标组件为装饰型组件。
装饰型组件能够是用户从组件库中选取的。装饰型组件具有初始颜色。
本申请实施例提供一种基于目标组件的组件类型确定目标组件的目标颜色的具体实现方式,包括:
C1:从待上色数据大屏页面的组件信息中获取装饰型组件的初始颜色。
装饰型组件的初始颜色可能与待上色数据大屏页面的整体配色不统一,需要对装饰型组件的颜色进行改变。待上色数据大屏页面的组件信息还包括各个装饰型组件的初始颜色。从待上色数据大屏页面的组件信息中,获取各个装饰型组件的初始颜色。装饰型组件的初始颜色的数量能够为一种颜色或者多种颜色。
C2:根据初始颜色和预设色盘包括的基础颜色,确定目标颜色。
装饰型组件的初始颜色是根据装饰型组件初始的配色方案设置的。在利用装饰型组件的初始颜色,保持装饰型组件初始的配色方案的基础上,利用预设色盘包括的基础颜色,确定目标颜色。
在一种可能的实现方式中,初始颜色仅为一种颜色。从预设色盘包括的基础颜色中,选取与初始颜色的差异度最小的基础颜色作为目标颜色。
在另一种可能的实现方式中,初始颜色为多种颜色。初始颜色包括初始主色和初始辅色。初始主色为主要为装饰型组件上色的初始颜色。初始辅色为辅助为装饰型组件上色的初始颜色。计算初始主色和初始辅色的颜色差值。颜色差值能够是计算初始主色的颜色矩阵和初始辅色的颜色矩阵的差值得到的。再基于预设色盘确定目标主色。目标主色能够是预设色盘包括的基础颜色,或者是扩展颜色。最后利用目标主色以及初始主色和初始辅色的颜色差值,计算得到目标辅色。
第四种:目标组件为背景型组件。
背景型组件为构成待上色数据大屏页面背景的组件。背景型组件一般采用中性颜色。
本申请实施例提供一种基于目标组件的组件类型确定目标组件的目标颜色的具体实现方式,包括:
D1:计算各个第四候选颜色与背景颜色的区分度,第四候选颜色为中性颜色。
背景型组件需要与待上色数据大屏页面的背景颜色区分度较高,以便查看时较为容易的辨认出来。计算第四候选颜色与背景颜色的区分度。计算区分度采用公式(3)-(27)。
a1′=a1(1+G) (9)
a2′=a2(1+G) (10)
ΔL′=L1+L2 (19)
ΔC′=C2′-C1′ (20)
RT=-RCsin(2Δθ) (27)
其中,ΔE为第四候选颜色与背景颜色的区分度。L1、a1和b1分别表示第四候选颜色在LAB中的三个分量。L1为背景颜色的亮度,a1和b1表示第四候选颜色的颜色对立维度。L2、a2和b2分别表示背景颜色在LAB中的三个分量。L2为背景颜色的亮度,a2和b2表示背景颜色的颜色对立维度。KL、KC以及KH为默认值。
D2:选取区分度大于区分度阈值的第四候选颜色作为目标组件的目标颜色。
区分度阈值是预先确定的。区分度大于区分度阈值的第四候选颜色,与背景颜色具有明显的区分。将区分度大于区分度阈值的第四候选颜色作为目标组件的目标颜色。
基于上述内容可知,对于不同组件类型的组件,具有对应的确定目标颜色的方法。如此能够确定符合组件类型的显示需求的目标颜色,确定较为合适的目标颜色。
基于上述方法实施例提供的一种数据大屏页面处理方法,本申请实施例还提供了一种数据大屏页面处理装置,下面将结合附图对数据大屏页面处理装置进行说明。
参见图4所示,该图为本申请实施例提供的一种数据大屏页面处理装置的结构示意图。如图4所示,该数据大屏页面处理装置包括:
获取单元401,用于获取待上色数据大屏页面、所述待上色数据大屏页面的组件信息以及预设色盘,所述待上色数据大屏页面包括待上色组件,所述组件信息包括各个待上色组件的组件类型,所述预设色盘包括一种或者多种基础颜色;
确定单元402,用于基于所述目标组件的组件类型确定所述目标组件的目标颜色,所述目标组件为所述待上色数据大屏页面包括的待上色组件中的一个,所述目标颜色基于所述预设色盘和所述待上色数据大屏页面的背景颜色中的一种或者多种确定;
上色单元403,用于利用所述目标颜色为所述目标组件上色,得到上色后的数据大屏页面。
在一种可能的实现方式中,所述目标组件的组件类型为类别型组件,所述类别型组件包括多种内容的文本,所述类别型组件为利用不同颜色种类体现不同内容的文本的组件,所述待上色数据大屏页面的组件信息还包括各个类别型组件包括的多个文本,所述确定单元402,用于基于所述目标组件的组件类型确定所述目标组件的目标颜色,包括:
所述确定单元402,用于从所述待上色数据大屏页面的组件信息中获取所述目标组件包括的多个文本;确定所述目标组件的各个内容所述文本分别对应的目标颜色,所述目标颜色是基于所述预设色盘得到的。
在一种可能的实现方式中,所述确定单元402,用于确定所述目标组件的各个内容所述文本分别对应的目标颜色,包括:
所述确定单元402,用于从所述待上色数据大屏页面中,确定所述目标文本的着色区域以及所述着色区域的相邻区域,所述目标文本为所述目标组件包括的多个文本中的一个;计算各个第一候选颜色的第一度量值,所述第一候选颜色根据所述预设色盘确定的颜色,所述第一候选颜色的第一度量值是根据所述第一候选颜色与所述相邻区域的着色颜色的和谐度、所述第一候选颜色与所述相邻区域的着色颜色的区分度和所述第一候选颜色与所述相邻区域的着色颜色的连续度中的一种或者多种计算得到的;将第一度量值最高的第一候选颜色作为所述目标文本对应的目标颜色。
在一种可能的实现方式中,所述装置还包括:
建立单元,用于建立所述目标文本与所述目标颜色的对应关系。
在一种可能的实现方式中,所述确定单元402,用于确定所述目标组件的各个内容所述文本分别对应的目标颜色,包括:
所述确定单元402,用于查询得到所述目标组件包括的各个文本分别对应的目标颜色。
在一种可能的实现方式中,所述目标颜色为所述预设色盘的基础颜色,或,为扩展颜色,所述扩展颜色是由所述预设色盘包括的多种基础颜色混合得到的,或者是所述预设色盘包括的基础颜色调整明度得到的。
在一种可能的实现方式中,所述目标组件的组件类型为数值型组件,所述数值型组件包括多个数值的数据,所述数值型组件为利用颜色深浅体现数据的数值变化的组件,所述数值型组件包括多个数值的数据,所述待上色数据大屏页面的组件信息还包括各个数值型组件的数据的数值,所述确定单元402,用于基于所述目标组件的组件类型确定所述目标组件的目标颜色,包括:
所述确定单元402,用于计算各个第二候选颜色的明度以及各个所述第二候选颜色分别与所述背景颜色的差异度,所述第二候选颜色为根据所述预设色盘确定颜色;利用所述明度和所述差异度计算各个所述第二候选颜色的第二度量值;根据各个所述第二候选颜色的第二度量值,确定极端颜色,所述极端颜色对应所述数值型组件包括的极值数据,所述极值数据是从所述待上色数据大屏页面的组件信息获取的;根据所述极端颜色,确定所述数值型组件包括的除所述极值数据以外的数据的第三候选颜色,所述第三候选颜色的明度小于所述极端颜色的明度,所述第三候选颜色与所述极端颜色属于相同色系。
在一种可能的实现方式中,所述数值型组件包括的极值数据包括中间值数据,所述确定单元402,还用于将中性颜色作为所述中间值数据对应的颜色。
在一种可能的实现方式中,所述数值型组件包括的极值数据不包括中间值数据,所述极端颜色的数量为两个,所述两个极端颜色的色调差值在预设范围内。
在一种可能的实现方式中,所述目标组件的组件类型为装饰型组件,所述装饰型组件为具有装饰作用的组件,所述待上色数据大屏页面的组件信息还包括各个装饰型组件的初始颜色,所述确定单元402,用于基于所述目标组件的组件类型确定所述目标组件的目标颜色,包括:
所述确定单元402,用于从所述待上色数据大屏页面的组件信息中获取装饰型组件的初始颜色;根据所述初始颜色和所述预设色盘包括的基础颜色,确定目标颜色。
在一种可能的实现方式中,所述初始颜色包括初始主色和初始辅色,所述确定单元402,用于根据所述初始颜色和所述预设色盘包括的基础颜色,确定目标颜色,包括:
所述确定单元402,用于计算所述初始主色和所述初始辅色的颜色差值;利用目标主色和所述颜色差值,计算得到目标辅色,所述目标主色是基于所述预设色盘确定的,所述目标主色为颜色为初始主色的目标组件对应的目标颜色,所述目标辅色为颜色为初始辅色的目标组件对应的目标颜色。
在一种可能的实现方式中,所述目标组件的组件类型为背景型组件,所述背景型组件为构成所述待上色数据大屏页面背景的组件,所述确定单元402,用于基于所述目标组件的组件类型确定所述目标组件的目标颜色,包括:
所述确定单元402,用于计算各个第四候选颜色与所述背景颜色的区分度,所述第四候选颜色为中性颜色;选取区分度大于区分度阈值的第四候选颜色作为所述目标组件的目标颜色。
基于上述方法实施例提供的一种数据大屏页面处理方法,本申请还提供一种电子设备,包括:一个或多个处理器;存储装置,其上存储有一个或多个程序,当所述一个或多个程序被所述一个或多个处理器执行,使得所述一个或多个处理器实现如上述任一实施例所述的数据大屏页面处理方法。
下面参考图5,其示出了适于用来实现本申请实施例的电子设备500的结构示意图。本申请实施例中的终端设备可以包括但不限于诸如移动电话、笔记本电脑、数字广播接收器、PDA(Personal Digital Assistant,个人数字助理)、PAD(portable androiddevice,平板电脑)、PMP(Portable Media Player,便携式多媒体播放器)、车载终端(例如车载导航终端)等等的移动终端以及诸如数字TV(television,电视机)、台式计算机等等的固定终端。图5示出的电子设备仅仅是一个示例,不应对本申请实施例的功能和使用范围带来任何限制。
如图5所示,电子设备500可以包括处理装置(例如中央处理器、图形处理器等)501,其可以根据存储在只读存储器(ROM)502中的程序或者从存储装置508加载到随机访问存储器(RAM)503中的程序而执行各种适当的动作和处理。在RAM503中,还存储有电子设备500操作所需的各种程序和数据。处理装置501、ROM 502以及RAM 503通过总线504彼此相连。输入/输出(I/O)接口505也连接至总线504。
通常,以下装置可以连接至I/O接口505:包括例如触摸屏、触摸板、键盘、鼠标、摄像头、麦克风、加速度计、陀螺仪等的输入装置508;包括例如液晶显示器(LCD)、扬声器、振动器等的输出装置507;包括例如磁带、硬盘等的存储装置508;以及通信装置509。通信装置509可以允许电子设备500与其他设备进行无线或有线通信以交换数据。虽然图5示出了具有各种装置的电子设备500,但是应理解的是,并不要求实施或具备所有示出的装置。可以替代地实施或具备更多或更少的装置。
特别地,根据本申请的实施例,上文参考流程图描述的过程可以被实现为计算机软件程序。例如,本申请的实施例包括一种计算机程序产品,其包括承载在非暂态计算机可读介质上的计算机程序,该计算机程序包含用于执行流程图所示的方法的程序代码。在这样的实施例中,该计算机程序可以通过通信装置509从网络上被下载和安装,或者从存储装置508被安装,或者从ROM502被安装。在该计算机程序被处理装置501执行时,执行本申请实施例的方法中限定的上述功能。
本申请实施例提供的电子设备与上述实施例提供的数据大屏页面处理方法属于同一发明构思,未在本实施例中详尽描述的技术细节可参见上述实施例,并且本实施例与上述实施例具有相同的有益效果。
基于上述方法实施例提供的一种数据大屏页面处理方法,本申请实施例提供了一种计算机存储介质,其上存储有计算机程序,其中,所述程序被处理器执行时实现如上述任一实施例所述的数据大屏页面处理方法。
需要说明的是,本申请上述的计算机可读介质可以是计算机可读信号介质或者计算机可读存储介质或者是上述两者的任意组合。计算机可读存储介质例如可以是——但不限于——电、磁、光、电磁、红外线、或半导体的系统、装置或器件,或者任意以上的组合。计算机可读存储介质的更具体的例子可以包括但不限于:具有一个或多个导线的电连接、便携式计算机磁盘、硬盘、随机访问存储器(RAM)、只读存储器(ROM)、可擦式可编程只读存储器(EPROM或闪存)、光纤、便携式紧凑磁盘只读存储器(CD-ROM)、光存储器件、磁存储器件、或者上述的任意合适的组合。在本申请中,计算机可读存储介质可以是任何包含或存储程序的有形介质,该程序可以被指令执行系统、装置或者器件使用或者与其结合使用。而在本申请中,计算机可读信号介质可以包括在基带中或者作为载波一部分传播的数据信号,其中承载了计算机可读的程序代码。这种传播的数据信号可以采用多种形式,包括但不限于电磁信号、光信号或上述的任意合适的组合。计算机可读信号介质还可以是计算机可读存储介质以外的任何计算机可读介质,该计算机可读信号介质可以发送、传播或者传输用于由指令执行系统、装置或者器件使用或者与其结合使用的程序。计算机可读介质上包含的程序代码可以用任何适当的介质传输,包括但不限于:电线、光缆、RF(射频)等等,或者上述的任意合适的组合。
在一些实施方式中,客户端、服务器可以利用诸如HTTP(Hyper Text TransferProtocol,超文本传输协议)之类的任何当前已知或未来研发的网络协议进行通信,并且可以与任意形式或介质的数字数据通信(例如,通信网络)互连。通信网络的示例包括局域网(“LAN”),广域网(“WAN”),网际网(例如,互联网)以及端对端网络(例如,ad hoc端对端网络),以及任何当前已知或未来研发的网络。
上述计算机可读介质可以是上述电子设备中所包含的;也可以是单独存在,而未装配入该电子设备中。
上述计算机可读介质承载有一个或者多个程序,当上述一个或者多个程序被该电子设备执行时,使得该电子设备执行上述数据大屏页面处理方法。
可以以一种或多种程序设计语言或其组合来编写用于执行本申请的操作的计算机程序代码,上述程序设计语言包括但不限于面向对象的程序设计语言—诸如Java、Smalltalk、C++,还包括常规的过程式程序设计语言—诸如“C”语言或类似的程序设计语言。程序代码可以完全地在用户计算机上执行、部分地在用户计算机上执行、作为一个独立的软件包执行、部分在用户计算机上部分在远程计算机上执行、或者完全在远程计算机或服务器上执行。在涉及远程计算机的情形中,远程计算机可以通过任意种类的网络——包括局域网(LAN)或广域网(WAN)—连接到用户计算机,或者,可以连接到外部计算机(例如利用因特网服务提供商来通过因特网连接)。
附图中的流程图和框图,图示了按照本申请各种实施例的系统、方法和计算机程序产品的可能实现的体系架构、功能和操作。在这点上,流程图或框图中的每个方框可以代表一个模块、程序段、或代码的一部分,该模块、程序段、或代码的一部分包含一个或多个用于实现规定的逻辑功能的可执行指令。也应当注意,在有些作为替换的实现中,方框中所标注的功能也可以以不同于附图中所标注的顺序发生。例如,两个接连地表示的方框实际上可以基本并行地执行,它们有时也可以按相反的顺序执行,这依所涉及的功能而定。也要注意的是,框图和/或流程图中的每个方框、以及框图和/或流程图中的方框的组合,可以用执行规定的功能或操作的专用的基于硬件的系统来实现,或者可以用专用硬件与计算机指令的组合来实现。
描述于本申请实施例中所涉及到的单元可以通过软件的方式实现,也可以通过硬件的方式来实现。其中,单元/模块的名称在某种情况下并不构成对该单元本身的限定,例如,语音数据采集模块还可以被描述为“数据采集模块”。
本文中以上描述的功能可以至少部分地由一个或多个硬件逻辑部件来执行。例如,非限制性地,可以使用的示范类型的硬件逻辑部件包括:现场可编程门阵列(FPGA)、专用集成电路(ASIC)、专用标准产品(ASSP)、片上系统(SOC)、复杂可编程逻辑设备(CPLD)等等。
在本申请的上下文中,机器可读介质可以是有形的介质,其可以包含或存储以供指令执行系统、装置或设备使用或与指令执行系统、装置或设备结合地使用的程序。机器可读介质可以是机器可读信号介质或机器可读储存介质。机器可读介质可以包括但不限于电子的、磁性的、光学的、电磁的、红外的、或半导体系统、装置或设备,或者上述内容的任何合适组合。机器可读存储介质的更具体示例会包括基于一个或多个线的电气连接、便携式计算机盘、硬盘、随机存取存储器(RAM)、只读存储器(ROM)、可擦除可编程只读存储器(EPROM或快闪存储器)、光纤、便捷式紧凑盘只读存储器(CD-ROM)、光学储存设备、磁储存设备、或上述内容的任何合适组合。
根据本申请的一个或多个实施例,【示例一】提供了一种数据大屏页面处理方法,所述方法包括:
获取待上色数据大屏页面、所述待上色数据大屏页面的组件信息以及预设色盘,所述待上色数据大屏页面包括待上色组件,所述组件信息包括各个待上色组件的组件类型,所述预设色盘包括一种或者多种基础颜色;
基于所述目标组件的组件类型确定所述目标组件的目标颜色,所述目标组件为所述待上色数据大屏页面包括的待上色组件中的一个,所述目标颜色基于所述预设色盘和所述待上色数据大屏页面的背景颜色中的一种或者多种确定;
利用所述目标颜色为所述目标组件上色,得到上色后的数据大屏页面。
根据本申请的一个或多个实施例,【示例二】提供了一种数据大屏页面处理方法,所述目标组件的组件类型为类别型组件,所述类别型组件包括多种内容的文本,所述类别型组件为利用不同颜色种类体现不同内容的文本的组件,所述待上色数据大屏页面的组件信息还包括各个类别型组件包括的多个文本,所述基于所述目标组件的组件类型确定所述目标组件的目标颜色,包括:
从所述待上色数据大屏页面的组件信息中获取所述目标组件包括的多个文本;
确定所述目标组件的各个内容所述文本分别对应的目标颜色,所述目标颜色是基于所述预设色盘得到的。
根据本申请的一个或多个实施例,【示例三】提供了一种数据大屏页面处理方法,所述确定所述目标组件的各个内容所述文本分别对应的目标颜色,包括:
从所述待上色数据大屏页面中,确定所述目标文本的着色区域以及所述着色区域的相邻区域,所述目标文本为所述目标组件包括的多个文本中的一个;
计算各个第一候选颜色的第一度量值,所述第一候选颜色根据所述预设色盘确定的颜色,所述第一候选颜色的第一度量值是根据所述第一候选颜色与所述相邻区域的着色颜色的和谐度、所述第一候选颜色与所述相邻区域的着色颜色的区分度和所述第一候选颜色与所述相邻区域的着色颜色的连续度中的一种或者多种计算得到的;
将第一度量值最高的第一候选颜色作为所述目标文本对应的目标颜色。
根据本申请的一个或多个实施例,【示例四】提供了一种数据大屏页面处理方法,所述方法还包括:
建立所述目标文本与所述目标颜色的对应关系。
根据本申请的一个或多个实施例,【示例五】提供了一种数据大屏页面处理方法,所述确定所述目标组件的各个内容所述文本分别对应的目标颜色,包括:
查询得到所述目标组件包括的各个文本分别对应的目标颜色。
根据本申请的一个或多个实施例,【示例六】提供了一种数据大屏页面处理方法,所述目标颜色为所述预设色盘的基础颜色,或,为扩展颜色,所述扩展颜色是由所述预设色盘包括的多种基础颜色混合得到的,或者是所述预设色盘包括的基础颜色调整明度得到的。
根据本申请的一个或多个实施例,【示例七】提供了一种数据大屏页面处理方法,所述目标组件的组件类型为数值型组件,所述数值型组件包括多个数值的数据,所述数值型组件为利用颜色深浅体现数据的数值变化的组件,所述数值型组件包括多个数值的数据,所述待上色数据大屏页面的组件信息还包括各个数值型组件的数据的数值,所述基于所述目标组件的组件类型确定所述目标组件的目标颜色,包括:
计算各个第二候选颜色的明度以及各个所述第二候选颜色分别与所述背景颜色的差异度,所述第二候选颜色为根据所述预设色盘确定颜色;
利用所述明度和所述差异度计算各个所述第二候选颜色的第二度量值;
根据各个所述第二候选颜色的第二度量值,确定极端颜色,所述极端颜色对应所述数值型组件包括的极值数据,所述极值数据是从所述待上色数据大屏页面的组件信息获取的;
根据所述极端颜色,确定所述数值型组件包括的除所述极值数据以外的数据的第三候选颜色,所述第三候选颜色的明度小于所述极端颜色的明度,所述第三候选颜色与所述极端颜色属于相同色系。
根据本申请的一个或多个实施例,【示例八】提供了一种数据大屏页面处理方法,所述数值型组件包括的极值数据包括中间值数据,所述方法还包括:
将中性颜色作为所述中间值数据对应的颜色。
根据本申请的一个或多个实施例,【示例九】提供了一种数据大屏页面处理方法,所述数值型组件包括的极值数据不包括中间值数据,所述极端颜色的数量为两个,所述两个极端颜色的色调差值在预设范围内。
根据本申请的一个或多个实施例,【示例十】提供了一种数据大屏页面处理方法,所述目标组件的组件类型为装饰型组件,所述装饰型组件为具有装饰作用的组件,所述待上色数据大屏页面的组件信息还包括各个装饰型组件的初始颜色,所述基于所述目标组件的组件类型确定所述目标组件的目标颜色,包括:
从所述待上色数据大屏页面的组件信息中获取装饰型组件的初始颜色;
根据所述初始颜色和所述预设色盘包括的基础颜色,确定目标颜色。
根据本申请的一个或多个实施例,【示例十一】提供了一种数据大屏页面处理方法,所述初始颜色包括初始主色和初始辅色,所述根据所述初始颜色和所述预设色盘包括的基础颜色,确定目标颜色,包括:
计算所述初始主色和所述初始辅色的颜色差值;
利用目标主色和所述颜色差值,计算得到目标辅色,所述目标主色是基于所述预设色盘确定的,所述目标主色为颜色为初始主色的目标组件对应的目标颜色,所述目标辅色为颜色为初始辅色的目标组件对应的目标颜色。
根据本申请的一个或多个实施例,【示例十二】提供了一种数据大屏页面处理方法,所述目标组件的组件类型为背景型组件,所述背景型组件为构成所述待上色数据大屏页面背景的组件,所述基于所述目标组件的组件类型确定所述目标组件的目标颜色,包括:
计算各个第四候选颜色与所述背景颜色的区分度,所述第四候选颜色为中性颜色;
选取区分度大于区分度阈值的第四候选颜色作为所述目标组件的目标颜色。
根据本申请的一个或多个实施例,【示例十三】提供了一种数据大屏页面处理装置,所述装置包括:
获取单元,用于获取待上色数据大屏页面、所述待上色数据大屏页面的组件信息以及预设色盘,所述待上色数据大屏页面包括待上色组件,所述组件信息包括各个待上色组件的组件类型,所述预设色盘包括一种或者多种基础颜色;
第一确定单元,用于基于所述目标组件的组件类型确定所述目标组件的目标颜色,所述目标组件为所述待上色数据大屏页面包括的待上色组件中的一个,所述目标颜色基于所述预设色盘和所述待上色数据大屏页面的背景颜色中的一种或者多种确定;
上色单元,用于利用所述目标颜色为所述目标组件上色,得到上色后的数据大屏页面。
根据本申请的一个或多个实施例,【示例十四】提供了一种数据大屏页面处理装置,所述目标组件的组件类型为类别型组件,所述类别型组件包括多种内容的文本,所述类别型组件为利用不同颜色种类体现不同内容的文本的组件,所述待上色数据大屏页面的组件信息还包括各个类别型组件包括的多个文本,所述确定单元,用于基于所述目标组件的组件类型确定所述目标组件的目标颜色,包括:
所述确定单元,用于从所述待上色数据大屏页面的组件信息中获取所述目标组件包括的多个文本;确定所述目标组件的各个内容所述文本分别对应的目标颜色,所述目标颜色是基于所述预设色盘得到的。
根据本申请的一个或多个实施例,【示例十五】提供了一种数据大屏页面处理装置,所述确定单元,用于确定所述目标组件的各个内容所述文本分别对应的目标颜色,包括:
所述确定单元,用于从所述待上色数据大屏页面中,确定所述目标文本的着色区域以及所述着色区域的相邻区域,所述目标文本为所述目标组件包括的多个文本中的一个;计算各个第一候选颜色的第一度量值,所述第一候选颜色根据所述预设色盘确定的颜色,所述第一候选颜色的第一度量值是根据所述第一候选颜色与所述相邻区域的着色颜色的和谐度、所述第一候选颜色与所述相邻区域的着色颜色的区分度和所述第一候选颜色与所述相邻区域的着色颜色的连续度中的一种或者多种计算得到的;将第一度量值最高的第一候选颜色作为所述目标文本对应的目标颜色。
根据本申请的一个或多个实施例,【示例十六】提供了一种数据大屏页面处理装置,所述装置还包括:
建立单元,用于建立所述目标文本与所述目标颜色的对应关系。
根据本申请的一个或多个实施例,【示例十七】提供了一种数据大屏页面处理装置,所述确定单元,用于确定所述目标组件的各个内容所述文本分别对应的目标颜色,包括:
所述确定单元,用于查询得到所述目标组件包括的各个文本分别对应的目标颜色。
根据本申请的一个或多个实施例,【示例十八】提供了一种数据大屏页面处理装置,所述目标颜色为所述预设色盘的基础颜色,或,为扩展颜色,所述扩展颜色是由所述预设色盘包括的多种基础颜色混合得到的,或者是所述预设色盘包括的基础颜色调整明度得到的。
根据本申请的一个或多个实施例,【示例十九】提供了一种数据大屏页面处理装置,所述目标组件的组件类型为数值型组件,所述数值型组件包括多个数值的数据,所述数值型组件为利用颜色深浅体现数据的数值变化的组件,所述数值型组件包括多个数值的数据,所述待上色数据大屏页面的组件信息还包括各个数值型组件的数据的数值,所述确定单元,用于基于所述目标组件的组件类型确定所述目标组件的目标颜色,包括:
所述确定单元,用于计算各个第二候选颜色的明度以及各个所述第二候选颜色分别与所述背景颜色的差异度,所述第二候选颜色为根据所述预设色盘确定颜色;利用所述明度和所述差异度计算各个所述第二候选颜色的第二度量值;根据各个所述第二候选颜色的第二度量值,确定极端颜色,所述极端颜色对应所述数值型组件包括的极值数据,所述极值数据是从所述待上色数据大屏页面的组件信息获取的;根据所述极端颜色,确定所述数值型组件包括的除所述极值数据以外的数据的第三候选颜色,所述第三候选颜色的明度小于所述极端颜色的明度,所述第三候选颜色与所述极端颜色属于相同色系。
根据本申请的一个或多个实施例,【示例二十】提供了一种数据大屏页面处理装置,所述数值型组件包括的极值数据包括中间值数据,所述装置还包括:
第二确定单元,用于将中性颜色作为所述中间值数据对应的颜色。
根据本申请的一个或多个实施例,【示例二十一】提供了一种数据大屏页面处理装置,所述数值型组件包括的极值数据不包括中间值数据,所述极端颜色的数量为两个,所述两个极端颜色的色调差值在预设范围内。
根据本申请的一个或多个实施例,【示例二十二】提供了一种数据大屏页面处理装置,所述目标组件的组件类型为装饰型组件,所述装饰型组件为具有装饰作用的组件,所述待上色数据大屏页面的组件信息还包括各个装饰型组件的初始颜色,所述确定单元,用于基于所述目标组件的组件类型确定所述目标组件的目标颜色,包括:
所述确定单元,用于从所述待上色数据大屏页面的组件信息中获取装饰型组件的初始颜色;根据所述初始颜色和所述预设色盘包括的基础颜色,确定目标颜色。
根据本申请的一个或多个实施例,【示例二十三】提供了一种数据大屏页面处理装置,所述初始颜色包括初始主色和初始辅色,所述确定单元,用于根据所述初始颜色和所述预设色盘包括的基础颜色,确定目标颜色,包括:
所述确定单元,用于计算所述初始主色和所述初始辅色的颜色差值;利用目标主色和所述颜色差值,计算得到目标辅色,所述目标主色是基于所述预设色盘确定的,所述目标主色为颜色为初始主色的目标组件对应的目标颜色,所述目标辅色为颜色为初始辅色的目标组件对应的目标颜色。
根据本申请的一个或多个实施例,【示例二十四】提供了一种数据大屏页面处理装置,所述目标组件的组件类型为背景型组件,所述背景型组件为构成所述待上色数据大屏页面背景的组件,所述确定单元,用于基于所述目标组件的组件类型确定所述目标组件的目标颜色,包括:
所述确定单元,用于计算各个第四候选颜色与所述背景颜色的区分度,所述第四候选颜色为中性颜色;选取区分度大于区分度阈值的第四候选颜色作为所述目标组件的目标颜色。
根据本申请的一个或多个实施例,【示例二十五】提供了一种电子设备,包括:
一个或多个处理器;
存储装置,其上存储有一个或多个程序,
当所述一个或多个程序被所述一个或多个处理器执行,使得所述一个或多个处理器实现如【示例一】-【示例十二】中任一所述的方法。
根据本申请的一个或多个实施例,【示例二十六】提供了一种计算机可读介质,其上存储有计算机程序,其中,所述程序被处理器执行时实现如【示例一】-【示例十二】中任一所述的方法。
需要说明的是,本说明书中各个实施例采用递进的方式描述,每个实施例重点说明的都是与其他实施例的不同之处,各个实施例之间相同相似部分互相参见即可。对于实施例公开的系统或装置而言,由于其与实施例公开的方法相对应,所以描述的比较简单,相关之处参见方法部分说明即可。
应当理解,在本申请中,“至少一个(项)”是指一个或者多个,“多个”是指两个或两个以上。“和/或”,用于描述关联对象的关联关系,表示可以存在三种关系,例如,“A和/或B”可以表示:只存在A,只存在B以及同时存在A和B三种情况,其中A,B可以是单数或者复数。字符“/”一般表示前后关联对象是一种“或”的关系。“以下至少一项(个)”或其类似表达,是指这些项中的任意组合,包括单项(个)或复数项(个)的任意组合。例如,a,b或c中的至少一项(个),可以表示:a,b,c,“a和b”,“a和c”,“b和c”,或“a和b和c”,其中a,b,c可以是单个,也可以是多个。
还需要说明的是,在本文中,诸如第一和第二等之类的关系术语仅仅用来将一个实体或者操作与另一个实体或操作区分开来,而不一定要求或者暗示这些实体或操作之间存在任何这种实际的关系或者顺序。而且,术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含,从而使得包括一系列要素的过程、方法、物品或者设备不仅包括那些要素,而且还包括没有明确列出的其他要素,或者是还包括为这种过程、方法、物品或者设备所固有的要素。在没有更多限制的情况下,由语句“包括一个……”限定的要素,并不排除在包括所述要素的过程、方法、物品或者设备中还存在另外的相同要素。
结合本文中所公开的实施例描述的方法或算法的步骤可以直接用硬件、处理器执行的软件模块,或者二者的结合来实施。软件模块可以置于随机存储器(RAM)、内存、只读存储器(ROM)、电可编程ROM、电可擦除可编程ROM、寄存器、硬盘、可移动磁盘、CD-ROM、或技术领域内所公知的任意其它形式的存储介质中。
对所公开的实施例的上述说明,使本领域专业技术人员能够实现或使用本申请。对这些实施例的多种修改对本领域的专业技术人员来说将是显而易见的,本文中所定义的一般原理可以在不脱离本申请的精神或范围的情况下,在其它实施例中实现。因此,本申请将不会被限制于本文所示的这些实施例,而是要符合与本文所公开的原理和新颖特点相一致的最宽的范围。
Claims (15)
1.一种数据大屏页面处理方法,其特征在于,所述方法包括:
获取待上色数据大屏页面、所述待上色数据大屏页面的组件信息以及预设色盘,所述待上色数据大屏页面包括待上色组件,所述组件信息包括各个待上色组件的组件类型,所述预设色盘包括一种或者多种基础颜色;
基于所述目标组件的组件类型确定所述目标组件的目标颜色,所述目标组件为所述待上色数据大屏页面包括的待上色组件中的一个,所述目标颜色基于所述预设色盘和所述待上色数据大屏页面的背景颜色中的一种或者多种确定;
利用所述目标颜色为所述目标组件上色,得到上色后的数据大屏页面。
2.根据权利要求1所述的方法,其特征在于,所述目标组件的组件类型为类别型组件,所述类别型组件包括多种内容的文本,所述类别型组件为利用不同颜色种类体现不同内容的文本的组件,所述待上色数据大屏页面的组件信息还包括各个类别型组件包括的多个文本,所述基于所述目标组件的组件类型确定所述目标组件的目标颜色,包括:
从所述待上色数据大屏页面的组件信息中获取所述目标组件包括的多个文本;
确定所述目标组件的各个内容所述文本分别对应的目标颜色,所述目标颜色是基于所述预设色盘得到的。
3.根据权利要求2所述的方法,其特征在于,所述确定所述目标组件的各个内容所述文本分别对应的目标颜色,包括:
从所述待上色数据大屏页面中,确定所述目标文本的着色区域以及所述着色区域的相邻区域,所述目标文本为所述目标组件包括的多个文本中的一个;
计算各个第一候选颜色的第一度量值,所述第一候选颜色根据所述预设色盘确定的颜色,所述第一候选颜色的第一度量值是根据所述第一候选颜色与所述相邻区域的着色颜色的和谐度、所述第一候选颜色与所述相邻区域的着色颜色的区分度和所述第一候选颜色与所述相邻区域的着色颜色的连续度中的一种或者多种计算得到的;
将第一度量值最高的第一候选颜色作为所述目标文本对应的目标颜色。
4.根据权利要求3所述的方法,其特征在于,所述方法还包括:
建立所述目标文本与所述目标颜色的对应关系。
5.根据权利要求4所述的方法,其特征在于,所述确定所述目标组件的各个内容所述文本分别对应的目标颜色,包括:
查询得到所述目标组件包括的各个文本分别对应的目标颜色。
6.根据权利要求2-5任一项所述的方法,其特征在于,所述目标颜色为所述预设色盘的基础颜色,或,为扩展颜色,所述扩展颜色是由所述预设色盘包括的多种基础颜色混合得到的,或者是所述预设色盘包括的基础颜色调整明度得到的。
7.根据权利要求1所述的方法,其特征在于,所述目标组件的组件类型为数值型组件,所述数值型组件包括多个数值的数据,所述数值型组件为利用颜色深浅体现数据的数值变化的组件,所述数值型组件包括多个数值的数据,所述待上色数据大屏页面的组件信息还包括各个数值型组件的数据的数值,所述基于所述目标组件的组件类型确定所述目标组件的目标颜色,包括:
计算各个第二候选颜色的明度以及各个所述第二候选颜色分别与所述背景颜色的差异度,所述第二候选颜色为根据所述预设色盘确定颜色;
利用所述明度和所述差异度计算各个所述第二候选颜色的第二度量值;
根据各个所述第二候选颜色的第二度量值,确定极端颜色,所述极端颜色对应所述数值型组件包括的极值数据,所述极值数据是从所述待上色数据大屏页面的组件信息获取的;
根据所述极端颜色,确定所述数值型组件包括的除所述极值数据以外的数据的第三候选颜色,所述第三候选颜色的明度小于所述极端颜色的明度,所述第三候选颜色与所述极端颜色属于相同色系。
8.根据权利要求7所述的方法,其特征在于,所述数值型组件包括的极值数据包括中间值数据,所述方法还包括:
将中性颜色作为所述中间值数据对应的颜色。
9.根据权利要求7所述的方法,其特征在于,所述数值型组件包括的极值数据不包括中间值数据,所述极端颜色的数量为两个,所述两个极端颜色的色调差值在预设范围内。
10.根据权利要求1所述的方法,其特征在于,所述目标组件的组件类型为装饰型组件,所述装饰型组件为具有装饰作用的组件,所述待上色数据大屏页面的组件信息还包括各个装饰型组件的初始颜色,所述基于所述目标组件的组件类型确定所述目标组件的目标颜色,包括:
从所述待上色数据大屏页面的组件信息中获取装饰型组件的初始颜色;
根据所述初始颜色和所述预设色盘包括的基础颜色,确定目标颜色。
11.根据权利要求10所述的方法,其特征在于,所述初始颜色包括初始主色和初始辅色,所述根据所述初始颜色和所述预设色盘包括的基础颜色,确定目标颜色,包括:
计算所述初始主色和所述初始辅色的颜色差值;
利用目标主色和所述颜色差值,计算得到目标辅色,所述目标主色是基于所述预设色盘确定的,所述目标主色为颜色为初始主色的目标组件对应的目标颜色,所述目标辅色为颜色为初始辅色的目标组件对应的目标颜色。
12.根据权利要求1所述的方法,其特征在于,所述目标组件的组件类型为背景型组件,所述背景型组件为构成所述待上色数据大屏页面背景的组件,所述基于所述目标组件的组件类型确定所述目标组件的目标颜色,包括:
计算各个第四候选颜色与所述背景颜色的区分度,所述第四候选颜色为中性颜色;
选取区分度大于区分度阈值的第四候选颜色作为所述目标组件的目标颜色。
13.一种数据大屏页面处理装置,其特征在于,所述装置包括:
获取单元,用于获取待上色数据大屏页面、所述待上色数据大屏页面的组件信息以及预设色盘,所述待上色数据大屏页面包括待上色组件,所述组件信息包括各个待上色组件的组件类型,所述预设色盘包括一种或者多种基础颜色;
确定单元,用于基于所述目标组件的组件类型确定所述目标组件的目标颜色,所述目标组件为所述待上色数据大屏页面包括的待上色组件中的一个,所述目标颜色基于所述预设色盘和所述待上色数据大屏页面的背景颜色中的一种或者多种确定;
上色单元,用于利用所述目标颜色为所述目标组件上色,得到上色后的数据大屏页面。
14.一种电子设备,其特征在于,包括:
一个或多个处理器;
存储装置,其上存储有一个或多个程序,
当所述一个或多个程序被所述一个或多个处理器执行,使得所述一个或多个处理器实现如权利要求1-12中任一所述的方法。
15.一种计算机可读介质,其特征在于,其上存储有计算机程序,其中,所述程序被处理器执行时实现如权利要求1-12中任一所述的方法。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202310287609.0A CN116820308A (zh) | 2023-03-22 | 2023-03-22 | 一种数据大屏页面处理方法、装置以及相关设备 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202310287609.0A CN116820308A (zh) | 2023-03-22 | 2023-03-22 | 一种数据大屏页面处理方法、装置以及相关设备 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN116820308A true CN116820308A (zh) | 2023-09-29 |
Family
ID=88141862
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202310287609.0A Pending CN116820308A (zh) | 2023-03-22 | 2023-03-22 | 一种数据大屏页面处理方法、装置以及相关设备 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN116820308A (zh) |
-
2023
- 2023-03-22 CN CN202310287609.0A patent/CN116820308A/zh active Pending
Similar Documents
Publication | Publication Date | Title |
---|---|---|
Kumar et al. | Influences of ‘appscape’on mobile app adoption and m-loyalty | |
CN109408685B (zh) | 思维导图展示方法和装置 | |
US20210232304A1 (en) | Modifying style layer properties of a digital map | |
Stauffer et al. | Somewhere over the rainbow: How to make effective use of colors in meteorological visualizations | |
CN110865862B (zh) | 一种页面背景设置方法、装置及电子设备 | |
Halim et al. | Quantifying and optimizing visualization: An evolutionary computing-based approach | |
CN110688829B (zh) | 表格生成方法、装置、设备及存储介质 | |
Halik et al. | The differentiation of point symbols using selected visual variables in the mobile augmented reality system | |
Trame et al. | Exploring the lineage of volunteered geographic information with heat maps | |
MX2013003861A (es) | Sitio web color shop. | |
CN109101309B (zh) | 用于更新用户界面方法和装置 | |
CN113742025B (zh) | 页面生成方法、装置、设备和存储介质 | |
JP5511509B2 (ja) | 配色シミュレーションシステム、プログラムおよび記録媒体 | |
US20240095973A1 (en) | Method and apparatus for updating page display, electronic device, and storage medium | |
JP2017526058A (ja) | 情報検索方法及び情報検索装置 | |
US11232607B2 (en) | Adding color to digital images | |
US10789735B2 (en) | Intelligent systems and methods for producing a dynamic color combination for a design output | |
Gong et al. | Investigation of perceptual attributes for mobile display image quality | |
CN116820308A (zh) | 一种数据大屏页面处理方法、装置以及相关设备 | |
US10593067B2 (en) | Intelligent systems and methods for dynamic color hierarchy and aesthetic design computation | |
Xie et al. | Perceived color gamut in images: From boundary to difference | |
Chen et al. | Prediction model for semitransparent watercolor pigment mixtures using deep learning with a dataset of transmittance and reflectance | |
US11373256B2 (en) | Editing and representing property values for a digital map | |
Rodríguez-Pardo et al. | Adaptive color visualization for dichromats using a customized hierarchical palette | |
CN115510119A (zh) | 图表推荐方法、装置、设备及存储介质 |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
PB01 | Publication | ||
PB01 | Publication | ||
SE01 | Entry into force of request for substantive examination | ||
SE01 | Entry into force of request for substantive examination |