CN114816632A - 看板布局配置方法和装置、看板显示方法、设备和介质 - Google Patents
看板布局配置方法和装置、看板显示方法、设备和介质 Download PDFInfo
- Publication number
- CN114816632A CN114816632A CN202210426731.7A CN202210426731A CN114816632A CN 114816632 A CN114816632 A CN 114816632A CN 202210426731 A CN202210426731 A CN 202210426731A CN 114816632 A CN114816632 A CN 114816632A
- Authority
- CN
- China
- Prior art keywords
- component
- billboard
- information
- percentage
- size information
- 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
- 238000000034 method Methods 0.000 title claims abstract description 82
- 230000015654 memory Effects 0.000 claims description 19
- 238000010586 diagram Methods 0.000 claims description 16
- 238000011161 development Methods 0.000 abstract description 19
- 230000008569 process Effects 0.000 abstract description 11
- 238000004904 shortening Methods 0.000 abstract 1
- 238000004891 communication Methods 0.000 description 9
- 238000004519 manufacturing process Methods 0.000 description 9
- 230000008878 coupling Effects 0.000 description 3
- 238000010168 coupling process Methods 0.000 description 3
- 238000005859 coupling reaction Methods 0.000 description 3
- 238000005516 engineering process Methods 0.000 description 3
- 238000013461 design Methods 0.000 description 2
- 230000006870 function Effects 0.000 description 2
- 230000003993 interaction Effects 0.000 description 2
- 238000012545 processing Methods 0.000 description 2
- 238000012800 visualization Methods 0.000 description 2
- 230000006978 adaptation Effects 0.000 description 1
- 238000013473 artificial intelligence Methods 0.000 description 1
- 230000014509 gene expression Effects 0.000 description 1
- 230000006872 improvement Effects 0.000 description 1
- 238000010295 mobile communication Methods 0.000 description 1
- 238000012544 monitoring process Methods 0.000 description 1
- 230000003287 optical effect Effects 0.000 description 1
- 239000007787 solid Substances 0.000 description 1
- 230000003068 static effect Effects 0.000 description 1
- 230000000007 visual effect Effects 0.000 description 1
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F9/00—Arrangements for program control, e.g. control units
- G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
- G06F9/44—Arrangements for executing specific programs
- G06F9/451—Execution arrangements for user interfaces
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/14—Digital output to display device ; Cooperation and interconnection of the display device with other functional units
- G06F3/1407—General aspects irrespective of display type, e.g. determination of decimal point position, display with fixed or driving decimal point, suppression of non-significant zeros
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Software Systems (AREA)
- Human Computer Interaction (AREA)
- Physics & Mathematics (AREA)
- General Engineering & Computer Science (AREA)
- General Physics & Mathematics (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
本申请提供一种看板布局配置方法和装置、看板显示方法、设备和介质。看板布局配置方法包括:接收看板创建指令并创建空白看板,接收组件创建指令并在空白看板中创建组件,接收组件编辑指令并调整组件的位置和大小,获取组件的组件位置信息和组件大小信息,获取输入的空白看板的看板大小信息,以此得到看板配置信息。其中,组件位置信息包括第一距离百分比和第二距离百分比,组件大小信息包括组件宽度百分比和组件高度百分比,看板大小信息包括看板宽度百分比和看板高度百分比。由于看板配置信息中的信息均以百分比距离进行存储,仅需要一次看板布局配置,就可以满足多种终端设备的显示需求,从而减少看板开发过程中的工作量,并缩短开发周期。
Description
技术领域
本申请涉及智能显示技术领域,尤其涉及一种看板布局配置方法和装置、看板显示方法、设备和介质。
背景技术
随着数字化程度的提高,在生产制造企业中,生产过程的可视化、生产指标的监控越来越重要,很多生产制造企业在生产车间、办公室等场所进行了看板部署,以便及时了解生产情况,以辅助生产决策。
相关技术中的可视化看板技术,大多是基于特定终端设备的定制化开发。例如,根据车间显示屏的尺寸和分辨率,进行前端的布局设计,布局设计完成后根据每个布局的数据块开发数据接口取数,最后设定每个区域的样式和取数规则。然而,随着终端设备种类的增加,生产制造企业产生了多种终端显示的需求,例如,使用电视、平板、手机的显示屏进行看板显示。为了满足多种终端显示的需求,往往需要根据终端设备去定制开发看板,导致看板开发的工作量大,且开发周期长。
发明内容
本申请实施例的主要目的在于提出一种看板布局配置方法和装置、看板显示方法、设备和介质,以减少看板开发过程中的工作量,并缩短开发周期。
为实现上述目的,本申请实施例的第一方面提出了一种看板布局配置方法,所述方法包括:接收看板创建指令并根据所述看板创建指令创建空白看板;接收组件创建指令并根据所述组件创建指令在所述空白看板中创建组件;接收组件编辑指令并根据所述组件编辑指令调整所述组件的位置和大小;获取所述组件的组件位置信息和组件大小信息;其中,所述组件位置信息包括第一距离百分比和第二距离百分比,所述组件大小信息包括组件宽度百分比和组件高度百分比;获取输入的所述空白看板的看板大小信息;其中,所述看板大小信息包括看板宽度百分比和看板高度百分比;根据所述组件位置信息、所述组件大小信息和所述看板大小信息得到看板配置信息。
在一些实施例中,所述第一距离百分比为所述组件与所述空白看板的左边框的百分比距离,所述第二距离百分比为所述组件与所述空白看板的上边框的百分比距离。
为实现上述目的,本申请的第二方面提出了一种看板显示方法,所述方法包括:获取显示看板的分辨率信息和看板配置信息;其中,所述看板配置信息由上述第一方面实施例所述的看板布局配置方法得到,所述看板配置信息包括:组件位置信息、组件大小信息和看板大小信息;根据所述分辨率信息和所述看板大小信息得到看板实际大小信息;根据所述看板实际大小信息和所述组件位置信息得到组件实际位置信息;根据所述看板实际大小信息和所述组件大小信息得到组件实际大小信息;获取与组件对应的数据绑定信息;根据所述看板实际大小信息、所述组件实际位置信息、所述组件实际大小信息和所述数据绑定信息进行看板数据显示。
在一些实施例中,所述获取与组件对应的数据绑定信息,包括:从目标数据源中获取目标数据集;根据所述目标数据集创建目标图表;将所述目标图表与对应的所述组件绑定,得到所述数据绑定信息。
在一些实施例中,所述从目标数据源中获取目标数据集,包括:根据目标数据源的类型选择目标数据适配器;通过所述目标数据适配器从所述目标数据源中获取所述目标数据集。
在一些实施例中,所述根据所述目标数据集创建目标图表,包括:根据所述目标数据集中的数据类型得到维度数据和指标数据;根据所述指标数据计算得到显示数据;通过所述维度数据和所述显示数据生成图表,得到所述目标图表。
在一些实施例中,所述通过所述维度数据和所述显示数据生成图表,得到所述目标图表,包括:接收图表类型选择指令并得到所述目标图表的显示类型;接收图表属性设置指令并得到所述目标图表的图表属性;通过所述显示类型和所述图表属性对所述维度数据和所述显示数据进行格式化存储,得到所述目标图表。
为实现上述目的,本申请的第三方面提出了一种看板布局配置装置,所述装置包括:空白看板创建模块,所述空白看板创建模块用于接收看板创建指令并根据所述看板创建指令创建空白看板;组件创建模块,所述组件创建模块用于接收组件创建指令并根据所述组件创建指令在所述空白看板中创建组件;组件编辑模块,所述组件编辑模块用于接收组件编辑指令并根据所述组件编辑指令调整所述组件的位置和大小;组件信息获取模块,所述组件信息获取模块用于获取所述组件的组件位置信息和组件大小信息;其中,所述组件位置信息包括第一距离百分比和第二距离百分比,所述组件大小信息包括组件宽度百分比和组件高度百分比;看板信息获取模块,所述看板信息获取模块用于获取输入的所述空白看板的看板大小信息;其中,所述看板大小信息包括看板宽度百分比和看板高度百分比;配置信息生成模块,所述配置信息生成模块用于根据所述组件位置信息、所述组件大小信息和所述看板大小信息得到看板配置信息。
为实现上述目的,本申请的第四方面提出了一种电子设备,包括:
至少一个存储器;
至少一个处理器;
至少一个程序;
所述程序被存储在存储器中,处理器执行所述至少一个程序以实现本申请如上述第一方面所述的看板布局配置方法或者如上述第二方面所述的看板显示方法。
为实现上述目的,本申请的第五方面提出了一种存储介质,该存储介质是计算机可读存储介质,所述计算机可读存储介质存储有计算机可执行指令,所述计算机可执行指令用于使计算机执行:如上述第一方面所述的看板布局配置方法或者如上述第二方面所述的看板显示方法。
本申请实施例提出的看板布局配置方法和装置、看板显示方法、设备和介质、电子设备和存储介质,通过接收用户发出的看板创建指令、组件创建指令和组件编辑指令,可以创建出空白看板,并在空白看板中创建组件和调整组件的位置、大小,后续通过采集组件在看板中的组件位置信息和组件大小信息,并获取看板大小信息以此作为看板配置信息。由于组件位置信息、组件大小信息、看板大小信息均以百分比的形式进行存储,因此组件在看板中的布局不会因为终端设备显示屏的尺寸和分辨率的不同而发生改变。仅需要进行一次看板的布局配置,就可以满足多种终端设备的显示需求,从而减少看板开发过程中的工作量,并缩短开发周期。
附图说明
图1是本申请实施例提供的看板布局配置方法的流程图;
图2是本申请实施例提供的看板显示方法的流程图;
图3是图2中步骤S250的流程图;
图4是图3中步骤S251的流程图;
图5是图3中步骤S252的流程图;
图6是图5中步骤S2523的流程图;
图7是本申请实施例提供的看板布局配置装置的模块;
图8是本申请实施例提供的电子设备的硬件结构示意图。
具体实施方式
为了使本申请的目的、技术方案及优点更加清楚明白,以下结合附图及实施例,对本申请进行进一步详细说明。应当理解,此处所描述的具体实施例仅用以解释本申请,并不用于限定本申请。
需要说明的是,虽然在装置示意图中进行了功能模块划分,在流程图中示出了逻辑顺序,但是在某些情况下,可以以不同于装置中的模块划分,或流程图中的顺序执行所示出或描述的步骤。说明书和权利要求书及上述附图中的术语“第一”、“第二”等是用于区别类似的对象,而不必用于描述特定的顺序或先后次序。
除非另有定义,本文所使用的所有的技术和科学术语与属于本申请的技术领域的技术人员通常理解的含义相同。本文中所使用的术语只是为了描述本申请实施例的目的,不是旨在限制本申请。
此外,所描述的特征、结构或特性可以以任何合适的方式结合在一个或更多实施例中。在下面的描述中,提供许多具体细节从而给出对本公开的实施例的充分理解。然而,本领域技术人员将意识到,可以实践本公开的技术方案而没有特定细节中的一个或更多,或者可以采用其它的方法、组元、装置、步骤等。在其它情况下,不详细示出或描述公知方法、装置、实现或者操作以避免模糊本公开的各方面。
附图中所示的方框图仅仅是功能实体,不一定必须与物理上独立的实体相对应。即,可以采用软件形式来实现这些功能实体,或在一个或多个硬件模块或集成电路中实现这些功能实体,或在不同网络和/或处理器装置和/或微控制器装置中实现这些功能实体。
附图中所示的流程图仅是示例性说明,不是必须包括所有的内容和操作/步骤,也不是必须按所描述的顺序执行。例如,有的操作/步骤还可以分解,而有的操作/步骤可以合并或部分合并,因此实际执行的顺序有可能根据实际情况改变。
本申请实施例提供看板布局配置方法和装置、看板显示方法、设备和介质,具体通过如下实施例进行说明,首先描述本申请实施例中的看板布局配置方法。
本申请实施例提供的看板布局配置方法,涉及智能显示技术领域。本申请实施例提供的看板布局配置方法可应用于终端中,也可应用于服务器端中,还可以是运行于终端或服务器端中的软件。在一些实施例中,终端可以是智能手机、平板电脑、笔记本电脑、台式计算机或者智能手表等;服务器端可以配置成独立的物理服务器,也可以配置成多个物理服务器构成的服务器集群或者分布式***,还可以配置成提供云服务、云数据库、云计算、云函数、云存储、网络服务、云通信、中间件服务、域名服务、安全服务、CDN以及大数据和人工智能平台等基础云计算服务的云服务器;软件可以是实现看板布局配置方法的应用等,但并不局限于以上形式。
图1是本申请实施例提供的看板布局配置方法的一个可选的流程图,图1中的方法可以包括但不限于包括步骤S110至步骤S160。
S110,接收看板创建指令并根据看板创建指令创建空白看板;
S120,接收组件创建指令并根据组件创建指令在空白看板中创建组件;
S130,接收组件编辑指令并根据组件编辑指令调整组件的位置和大小;
S140,获取组件的组件位置信息和组件大小信息;其中,组件位置信息包括第一距离百分比和第二距离百分比,组件大小信息包括组件宽度百分比和组件高度百分比;
S150,获取输入的空白看板的看板大小信息;其中,看板大小信息包括看板宽度百分比和看板高度百分比;
S160,根据组件位置信息、组件大小信息和看板大小信息得到看板配置信息。
本申请实施例提出的看板布局配置方法,通过接收用户发出的看板创建指令、组件创建指令和组件编辑指令,可以创建出空白看板,并在空白看板中创建组件和调整组件的位置、大小,后续通过采集组件在看板中的组件位置信息和组件大小信息,并获取看板大小信息以此作为看板配置信息。由于组件位置信息、组件大小信息、看板大小信息均以百分比的形式进行存储,因此组件在看板中的布局不会因为终端设备显示屏的尺寸和分辨率的不同而发生改变。仅需要进行一次看板的布局配置,就可以满足多种终端设备的显示需求,从而减少看板开发过程中的工作量,并缩短开发周期。
本申请的看板布局配置方法可以通过可视化用户操作界面与用户进行交互,用户通过操作即可得到看板配置信息,从而完成看板布局的配置。下面详细描述本申请的看板布局配置方法。
步骤S110中,接收看板创建指令并根据看板创建指令创建空白看板。其中,看板创建指令可以通过多种方式得到。例如,可以在用户操作界面中设置菜单栏,来向用户提供创建空白看板的功能入口,用户通过选中对应的菜单按钮,即可发送看板创建指令。用户也可以通过快捷键的方式来输入看板创建指令,其具体输入方式再此不做限制。
接收到用户的看板创建指令后,即会创建一个全新的空白看板。空白看板即为***模拟的显示看板的显示界面,其长宽比可以根据用户的设置进行改变。空白看板可以显示为具有边界的矩形框,用户可以向矩形框内添加组件,用于实时展示组件在看板中的布局。
步骤S120中,接收组件创建指令并根据组件创建指令在空白看板中创建组件。当创建好空白看板后,用户即可在空白看板中添加组件,组件用于区分看板的不同显示区域。可以理解的是,一个空白看板中可以添加多个组件,组件的具体数量可以根据数据的显示需要进行改变。用户可以通过点击或拖动等方式,在空白看板中添加新组件。
步骤S130中,接收组件编辑指令并根据组件编辑指令调整组件的位置和大小。用户在空白看板中添加组件后,组件在空白看板中能以具有边界的矩形框进行显示。用户在选中对应的组件后,即可对相应组件的位置和大小进行设置。例如,用户可以通过选中组件并拖动的方式调整组件在空白看板中的位置,组件边界框的大小设置为可调整的,用户可以以直接拖动的方式调节大小或者以直接输入参数的方法来调节大小。用户可以通过不同的操作方式来输入组件编辑指令并以此调整组件的位置和大小。
步骤S140中,获取组件的组件位置信息和组件大小信息。其中,组件位置信息包括第一距离百分比和第二距离百分比,组件大小信息包括组件宽度百分比和组件高度百分比。当调整好组件的位置和大小后,***即可获取到组件的组件位置信息和组件大小信息。
组件位置信息包括第一距离百分比和第二距离百分比,第一距离百分比和第二距离百分比为组件距离空白看板边界的距离占空白看板边界的百分比。在一些实施例中,第一距离百分比为组件与空白看板的左边框的百分比距离,第二距离百分比为组件与空白看板的上边框的百分比距离。具体示例,当空白看板的宽度为100,高度为50时,组件的中心点与空白看板的左边框的距离为10,与空白看板的上边框的距离也为10,此时第一距离百分比即为10%,第二距离百分比为20%。可以理解的是,组件的位置信息用于对组件在二维平面进行定位,因此在设置第一距离百分比和第二距离百分比的距离基准时,两个基准不能平行。在一些其他实施例中,第一距离百分比可以为组件与空白看板的右边框的百分比距离,第二距离百分比为组件与空白看板的下边框的百分比距离,组件的位置基准点也可以为组件中的任意一点。
组件大小信息包括组件宽度百分比和组件高度百分比。组件宽度百分比为组件的宽度与空白看板的宽度之间的百分比,组件高度百分比为组件的高度与空白看板的高度之间的百分比。具体示例,当空白看板的宽度为100,高度为50时,组件的宽度设置为20,组件的高度设置为20,此时,组件宽度百分比为20%,组件高度百分比为40%。
通过将组件的组件位置信息和组件大小信息的参数都设置为百分比距离,组件在看板中的布局即为相对距离和相对大小,组件在后续的显示过程中不会因为终端设备显示屏的尺寸和分辨率的不同而发生改变,从而减少看板开发过程中的工作量,并缩短开发周期。
步骤S150中,获取输入的空白看板的看板大小信息。其中,看板大小信息包括看板宽度百分比和看板高度百分比。看板宽度百分比用于指示看板在实际显示时,看板宽度与显示屏宽度的比例;看板高度百分比用于指示看板在实际显示时,看板高度与显示屏高度的比例。例如,当看板宽度百分比和看板高度百分比均为100%时,看板在显示屏上显示时即为全屏显示。
步骤S160中,根据组件位置信息、组件大小信息和看板大小信息得到看板配置信息。可以理解的是,当空白看板中的组件包括多个时,看板配置信息中包括了对应每一个组件的组件位置信息和组件大小信息。通过将看板配置信息进行存储,即可得到用户对看板布局的设置信息。通过本申请实施例的看板布局配置方法得到的看板配置信息,可以应用于多种终端设备的看板显示,无需开发人员根据每种终端设备进行布局开发,从而减少看板开发过程中的工作量,并缩短开发周期。
参照图2,本申请实施例还提供了一种看板显示方法,看板显示方法包括:
S210,获取显示看板的分辨率信息和看板配置信息;
S220,根据分辨率信息和看板大小信息得到看板实际大小信息;
S230,根据看板实际大小信息和组件位置信息得到组件实际位置信息;
S240,根据看板实际大小信息和组件大小信息得到组件实际大小信息;
S250,获取与组件对应的数据绑定信息;
S260,根据看板实际大小信息、组件实际位置信息、组件实际大小信息和数据绑定信息进行看板数据显示。
本申请实施例中的看板配置信息由上述实施例中的看板布局配置方法得到,看板配置信息包括:组件位置信息、组件大小信息和看板大小信息。对应的,组件位置信息包括第一距离百分比和第二距离百分比,组件大小信息包括组件宽度百分比和组件高度百分比,看板大小信息包括看板宽度百分比和看板高度百分比。本申请实施例的看板显示方法可以由终端设备中的处理器或云端的服务器来进行实施。
步骤S210中,获取显示看板的分辨率信息和看板配置信息。分辨率信息可以直接读取显示屏的参数信息得到,或者由用户输入需要显示的分辨率信息,看板配置信息为用户通过上述的看板布局配置方法设置好后输入的信息。
步骤S220中,根据分辨率信息和看板大小信息得到看板实际大小信息。具体为,看板大小信息为用户想要在显示屏上显示的看板大小占整个显示屏大小的比例,分辨率信息为显示屏在水平和垂直方向上能够达到的最大像素点,通过将看板大小信息与分辨率信息相乘,即可得到看板实际大小信息,即看板显示在显示屏上时的分辨率大小。具体示例,显示看板的分辨率为1280×800,看板大小信息中,看板宽度百分比为50%,看板高度百分比也为50%,通过乘积运算,得到的看板实际大小信息即为640×400,即看板的显示面积占显示看板面积的四分之一。
步骤S230中,根据看板实际大小信息和组件位置信息得到组件实际位置信息。得到看板实际大小信息后,将看板实际大小信息与组件位置信息相乘,即可得到组件实际位置信息。具体示例,看板实际大小信息为640×400,组件位置信息中第一距离百分比为50%,第二距离百分比为50%,通过乘积运算后,组件实际位置信息中的第一实际距离为320,第二实际距离为200,当组件由组件中心点进行定位时,即表示组件的中心点距离看板一侧边的距离为320个像素,距离看板另一侧边的距离为200个像素,从而确定了组件在看板中的位置。
步骤S240中,根据看板实际大小信息和组件大小信息得到组件实际大小信息。得到看板实际大小信息后,将看板实际大小信息与组件大小信息相乘,即可得到组件实际大小信息。具体示例,看板实际大小信息为640×400,组件大小信息中组件宽度百分比为50%,组件高度百分比为40%,通过乘积运算后,得到的组件实际大小中,组件实际宽度为320,组件实际高度为160,即组件的宽度大小为320个像素,组件的高度大小为160个像素。
通过计算得到的组件实际位置信息和组件实际大小信息,即可确定组件在显示看板中的实际位置信息,从而完成组件的布局显示。
在一些实施例中,参照图3,步骤S250中,获取与组件对应的数据绑定信息,包括:
S251,从目标数据源中获取目标数据集;
S252,根据目标数据集创建目标图表;
S253,将目标图表与对应的组件绑定,得到数据绑定信息。
组件仅仅提供数据显示时的位置信息,在具体显示的数据类型上,需要获取与组件对应的数据绑定信息,通过两者结合,即可将需要显示的数据在看板上进行显示。
在获取数据绑定信息时,首先需要通过步骤S251,从目标数据源中获取目标数据集,参照图4,具体包括:
S2511,根据目标数据源的类型选择目标数据适配器;
S2512,通过目标数据适配器从目标数据源中获取目标数据集。
本申请实施例中的目标数据源为存储有待显示的目标数据的数据库或者是文本、JSON等数据。对于不同类型的数据源,例如,目标数据来源于Oracle、SqlServer或其他数据库,需要选择不同的数据适配器来进行适配。通过选择正确的目标数据适配器,即可从目标数据源中获取到目标数据集。例如,目标数据集为学生成绩表,从成绩表中可以得到学生的姓名、班级、科目、分数等信息。
获取到目标数据集后,通过步骤S252,根据目标数据集创建目标图表,参照图5,具体包括:
S2521,根据目标数据集中的数据类型得到维度数据和指标数据;
S2522,根据指标数据计算得到显示数据;
S2523,通过维度数据和显示数据生成图表,得到目标图表。
本申请实施例中,维度数据为目标图表中横坐标所表示的维度类型数据,指标数据为目标图表中纵坐标所要显示的参数数据。例如,当获取的目标数据集为学生成绩表数据时,维度数据即包括:班级、姓名、科目等,指标数据即为学生成绩。得到指标数据后,即可计算不同维度下的显示数据。例如,按照不同班级计算某一科目的平均分、最高分、最低分等。
最后通过步骤S2523,通过维度数据和显示数据生成图表,得到目标图表,参照图6,具体包括:
S2524,接收图表类型选择指令并得到目标图表的显示类型;
S2525,接收图表属性设置指令并得到目标图表的图表属性;
S2526,通过显示类型和图表属性对维度数据和显示数据进行格式化存储,得到目标图表。
用户可以输入图表类型选择指令来选择目标图表的显示类型,例如,显示类型可以为表格、折线图、柱状图、饼图等。通过输入图表属性设置指令来设置目标图表的图表属性,例如,图表属性可以为图表的数据、颜色、控制逻辑、显示规则等。当所有参数设置完成后,即可将维度数据、显示数据根据设置的显示类型、图表属性进行存储,从而得到设置完成的目标图表。具体示例,当目标数据集为成绩表时,维度数据为班级和科目,显示数据为不同班级不同科目成绩的平均值,显示类型为柱状图,图表属性为默认显示,即可得到对应的目标图表。
得到目标图表后,通过步骤S253,将目标图表与对应的组件绑定,得到数据绑定信息。可以理解的是,组件的数量可以为多个,对应的目标图表也可以为多个,通过将目标图表与对应的组件进行绑定,并得到数据绑定信息。当看板在进行显示时,特定的组件即会根据数据绑定信息得到需要显示的目标图表。通过组件位置、大小的设置,并选择需要显示的目标图表,即可将多个目标图表显示在看板的不同位置处,从而达到看板显示的目的。
本申请实施例还提供了一种看板布局配置装置,参照图7,看板布局配置装置包括:
空白看板创建模块,空白看板创建模块用于接收看板创建指令并根据看板创建指令创建空白看板;
组件创建模块,组件创建模块用于接收组件创建指令并根据组件创建指令在空白看板中创建组件;
组件编辑模块,组件编辑模块用于接收组件编辑指令并根据组件编辑指令调整组件的位置和大小;
组件信息获取模块,组件信息获取模块用于获取组件的组件位置信息和组件大小信息;其中,组件位置信息包括第一距离百分比和第二距离百分比,组件大小信息包括组件宽度百分比和组件高度百分比;
看板信息获取模块,看板信息获取模块用于获取输入的空白看板的看板大小信息;其中,看板大小信息包括看板宽度百分比和看板高度百分比;
配置信息生成模块,配置信息生成模块用于根据组件位置信息、组件大小信息和看板大小信息得到看板配置信息。
本申请的看板布局配置装置用于实施上述实施例中的看板布局配置方法,其具体过程与看板布局配置方法相同,此处不再一一赘述。本申请实施例的板布局配置装置通过接收用户发出的看板创建指令、组件创建指令和组件编辑指令,可以创建出空白看板,并在空白看板中创建组件和调整组件的位置、大小,后续通过采集组件在看板中的组件位置信息和组件大小信息,并获取看板大小信息以此作为看板配置信息。由于组件位置信息、组件大小信息、看板大小信息均以百分比的形式进行存储,因此组件在看板中的布局不会因为终端设备显示屏的尺寸和分辨率的不同而发生改变。仅需要进行一次看板的布局配置,就可以满足多种终端设备的显示需求,从而减少看板开发过程中的工作量,并缩短开发周期。
本申请实施例还提供了一种电子设备,包括:
至少一个存储器;
至少一个处理器;
至少一个程序;
所述程序被存储在存储器中,处理器执行所述至少一个程序以实现本申请实施上述的看板布局配置方法或者上述的看板显示方法。该电子设备可以为包括手机、平板电脑、个人数字助理(Personal Digital Assistant,简称PDA)、车载电脑等任意智能终端。
请参阅图8,图8示意了另一实施例的电子设备的硬件结构,电子设备包括:
处理器,可以采用通用的CPU(Central Processing Unit,中央处理器)、微处理器、应用专用集成电路(Application Specific Integrated Circuit,ASIC)、或者一个或多个集成电路等方式实现,用于执行相关程序,以实现本申请实施例所提供的技术方案;
存储器,可以采用ROM(Read Only Memory,只读存储器)、静态存储设备、动态存储设备或者RAM(Random Access Memory,随机存取存储器)等形式实现。存储器可以存储操作***和其他应用程序,在通过软件或者固件来实现本说明书实施例所提供的技术方案时,相关的程序代码保存在存储器中,并由处理器来调用执行本申请实施例的看板布局配置方法;
输入/输出接口,用于实现信息输入及输出;
输入/通信接口,用于实现本设备与其他设备的通信交互,可以通过有线方式(例如USB、网线等)实现通信,也可以通过无线方式(例如移动网络、WIFI、蓝牙等)实现通信;
总线,在设备的各个组件(例如处理器、存储器、输入/输出接口和输入/通信接口)之间传输信息;
其中处理器、存储器、输入/输出接口和输入/通信接口通过总线实现彼此之间在设备内部的通信连接。
本申请实施例还提供了一种存储介质,该存储介质是计算机可读存储介质,该计算机可读存储介质存储有计算机可执行指令,该计算机可执行指令用于使计算机执行上述看板布局配置方法或者上述的看板显示方法。
存储器作为一种非暂态计算机可读存储介质,可用于存储非暂态软件程序以及非暂态性计算机可执行程序。此外,存储器可以包括高速随机存取存储器,还可以包括非暂态存储器,例如至少一个磁盘存储器件、闪存器件、或其他非暂态固态存储器件。在一些实施方式中,存储器可选包括相对于处理器远程设置的存储器,这些远程存储器可以通过网络连接至该处理器。上述网络的实例包括但不限于互联网、企业内部网、局域网、移动通信网及其组合。
本申请实施例描述的实施例是为了更加清楚的说明本申请实施例的技术方案,并不构成对于本申请实施例提供的技术方案的限定,本领域技术人员可知,随着技术的演变和新应用场景的出现,本申请实施例提供的技术方案对于类似的技术问题,同样适用。
本领域技术人员可以理解的是,图中示出的技术方案并不构成对本申请实施例的限定,可以包括比图示更多或更少的步骤,或者组合某些步骤,或者不同的步骤。
以上所描述的装置实施例仅仅是示意性的,其中作为分离部件说明的单元可以是或者也可以不是物理上分开的,即可以位于一个地方,或者也可以分布到多个网络单元上。可以根据实际的需要选择其中的部分或者全部模块来实现本实施例方案的目的。
本领域普通技术人员可以理解,上文中所公开方法中的全部或某些步骤、***、设备中的功能模块/单元可以被实施为软件、固件、硬件及其适当的组合。
应该理解这样使用的数据在适当情况下可以互换,以便这里描述的本申请的实施例能够以除了在这里图示或描述的那些以外的顺序实施。此外,术语“包括”和“具有”以及他们的任何变形,意图在于覆盖不排他的包含,例如,包含了一系列步骤或单元的过程、方法、***、产品或设备不必限于清楚地列出的那些步骤或单元,而是可包括没有清楚地列出的或对于这些过程、方法、产品或设备固有的其它步骤或单元。
应当理解,在本申请中,“至少一个(项)”是指一个或者多个,“多个”是指两个或两个以上。“和/或”,用于描述关联对象的关联关系,表示可以存在三种关系,例如,“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可以是单个,也可以是多个。
在本申请所提供的几个实施例中,应该理解到,所揭露的装置和方法,可以通过其它的方式实现。例如,以上所描述的装置实施例仅仅是示意性的,例如,所述单元的划分,仅仅为一种逻辑功能划分,实际实现时可以有另外的划分方式,例如多个单元或组件可以结合或者可以集成到另一个***,或一些特征可以忽略,或不执行。另一点,所显示或讨论的相互之间的耦合或直接耦合或通信连接可以是通过一些接口,装置或单元的间接耦合或通信连接,可以是电性,机械或其它的形式。
所述作为分离部件说明的单元可以是或者也可以不是物理上分开的,作为单元显示的部件可以是或者也可以不是物理单元,即可以位于一个地方,或者也可以分布到多个网络单元上。可以根据实际的需要选择其中的部分或者全部单元来实现本实施例方案的目的。
另外,在本申请各个实施例中的各功能单元可以集成在一个处理单元中,也可以是各个单元单独物理存在,也可以两个或两个以上单元集成在一个单元中。上述集成的单元既可以采用硬件的形式实现,也可以采用软件功能单元的形式实现。
所述集成的单元如果以软件功能单元的形式实现并作为独立的产品销售或使用时,可以存储在一个计算机可读取存储介质中。基于这样的理解,本申请的技术方案本质上或者说对现有技术做出贡献的部分或者该技术方案的全部或部分可以以软件产品的形式体现出来,该计算机软件产品存储在一个存储介质中,包括多指令用以使得一台计算机设备(可以是个人计算机,服务器,或者网络设备等)执行本申请各个实施例所述方法的全部或部分步骤。而前述的存储介质包括:U盘、移动硬盘、只读存储器(Read Only Memory,简称ROM)、随机存取存储器(Random Access Memory,简称RAM)、磁碟或者光盘等各种可以存储程序的介质。
上面结合附图对本申请实施例作了详细说明,但是本申请不限于上述实施例,在所属技术领域普通技术人员所具备的知识范围内,还可以在不脱离本申请宗旨的前提下作出各种变化。此外,在不冲突的情况下,本申请的实施例及实施例中的特征可以相互组合。
Claims (10)
1.一种看板布局配置方法,其特征在于,所述方法包括:
接收看板创建指令并根据所述看板创建指令创建空白看板;
接收组件创建指令并根据所述组件创建指令在所述空白看板中创建组件;
接收组件编辑指令并根据所述组件编辑指令调整所述组件的位置和大小;
获取所述组件的组件位置信息和组件大小信息;其中,所述组件位置信息包括第一距离百分比和第二距离百分比,所述组件大小信息包括组件宽度百分比和组件高度百分比;
获取输入的所述空白看板的看板大小信息;其中,所述看板大小信息包括看板宽度百分比和看板高度百分比;
根据所述组件位置信息、所述组件大小信息和所述看板大小信息得到看板配置信息。
2.根据权利要求1所述的一种看板布局配置方法,其特征在于,所述第一距离百分比为所述组件与所述空白看板的左边框的百分比距离,所述第二距离百分比为所述组件与所述空白看板的上边框的百分比距离。
3.一种看板显示方法,其特征在于,所述方法包括:
获取显示看板的分辨率信息和看板配置信息;其中,所述看板配置信息由权利要求1或2所述的看板布局配置方法得到,所述看板配置信息包括:组件位置信息、组件大小信息和看板大小信息;
根据所述分辨率信息和所述看板大小信息得到看板实际大小信息;
根据所述看板实际大小信息和所述组件位置信息得到组件实际位置信息;
根据所述看板实际大小信息和所述组件大小信息得到组件实际大小信息;
获取与组件对应的数据绑定信息;
根据所述看板实际大小信息、所述组件实际位置信息、所述组件实际大小信息和所述数据绑定信息进行看板数据显示。
4.根据权利要求3所述的一种看板显示方法,其特征在于,所述获取与组件对应的数据绑定信息,包括:
从目标数据源中获取目标数据集;
根据所述目标数据集创建目标图表;
将所述目标图表与对应的所述组件绑定,得到所述数据绑定信息。
5.根据权利要求4所述的一种看板显示方法,其特征在于,所述从目标数据源中获取目标数据集,包括:
根据目标数据源的类型选择目标数据适配器;
通过所述目标数据适配器从所述目标数据源中获取所述目标数据集。
6.根据权利要求4所述的一种看板显示方法,其特征在于,所述根据所述目标数据集创建目标图表,包括:
根据所述目标数据集中的数据类型得到维度数据和指标数据;
根据所述指标数据计算得到显示数据;
通过所述维度数据和所述显示数据生成图表,得到所述目标图表。
7.根据权利要求6所述的一种看板显示方法,其特征在于,所述通过所述维度数据和所述显示数据生成图表,得到所述目标图表,包括:
接收图表类型选择指令并得到所述目标图表的显示类型;
接收图表属性设置指令并得到所述目标图表的图表属性;
通过所述显示类型和所述图表属性对所述维度数据和所述显示数据进行格式化存储,得到所述目标图表。
8.一种看板布局配置装置,其特征在于,所述装置包括:
空白看板创建模块,所述空白看板创建模块用于接收看板创建指令并根据所述看板创建指令创建空白看板;
组件创建模块,所述组件创建模块用于接收组件创建指令并根据所述组件创建指令在所述空白看板中创建组件;
组件编辑模块,所述组件编辑模块用于接收组件编辑指令并根据所述组件编辑指令调整所述组件的位置和大小;
组件信息获取模块,所述组件信息获取模块用于获取所述组件的组件位置信息和组件大小信息;其中,所述组件位置信息包括第一距离百分比和第二距离百分比,所述组件大小信息包括组件宽度百分比和组件高度百分比;
看板信息获取模块,所述看板信息获取模块用于获取输入的所述空白看板的看板大小信息;其中,所述看板大小信息包括看板宽度百分比和看板高度百分比;
配置信息生成模块,所述配置信息生成模块用于根据所述组件位置信息、所述组件大小信息和所述看板大小信息得到看板配置信息。
9.一种电子设备,其特征在于,包括:
至少一个存储器;
至少一个处理器;
至少一个程序;
所述程序被存储在所述存储器中,处理器执行所述至少一个程序以实现:
如权利要求1或2所述的看板布局配置方法;
或者如权利要求3至7任一项所述的看板显示方法。
10.一种存储介质,所述存储介质为计算机可读存储介质,其特征在于,所述计算机可读存储介质存储有计算机可执行指令,所述计算机可执行指令用于使计算机执行:
如权利要求1或2所述的看板布局配置方法;
或者如权利要求3至7任一项所述的看板显示方法。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202210426731.7A CN114816632A (zh) | 2022-04-22 | 2022-04-22 | 看板布局配置方法和装置、看板显示方法、设备和介质 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202210426731.7A CN114816632A (zh) | 2022-04-22 | 2022-04-22 | 看板布局配置方法和装置、看板显示方法、设备和介质 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN114816632A true CN114816632A (zh) | 2022-07-29 |
Family
ID=82506545
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202210426731.7A Pending CN114816632A (zh) | 2022-04-22 | 2022-04-22 | 看板布局配置方法和装置、看板显示方法、设备和介质 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN114816632A (zh) |
Citations (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN103823620A (zh) * | 2014-03-04 | 2014-05-28 | 飞天诚信科技股份有限公司 | 一种屏幕适配的方法和装置 |
CN111190597A (zh) * | 2019-12-27 | 2020-05-22 | 天津浪淘科技股份有限公司 | 一种数据ue可视化设计*** |
CN111221897A (zh) * | 2019-11-18 | 2020-06-02 | 上海维谛信息科技有限公司 | 一种可视化视图展示方法及装置 |
CN113867305A (zh) * | 2021-10-27 | 2021-12-31 | 北京计算机技术及应用研究所 | 一种用于自动机加生产线的多源数据采集*** |
CN113971176A (zh) * | 2021-10-28 | 2022-01-25 | 重庆允成互联网科技有限公司 | 根据工业用户个性化需求生成可视看板的方法和存储介质 |
-
2022
- 2022-04-22 CN CN202210426731.7A patent/CN114816632A/zh active Pending
Patent Citations (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN103823620A (zh) * | 2014-03-04 | 2014-05-28 | 飞天诚信科技股份有限公司 | 一种屏幕适配的方法和装置 |
CN111221897A (zh) * | 2019-11-18 | 2020-06-02 | 上海维谛信息科技有限公司 | 一种可视化视图展示方法及装置 |
CN111190597A (zh) * | 2019-12-27 | 2020-05-22 | 天津浪淘科技股份有限公司 | 一种数据ue可视化设计*** |
CN113867305A (zh) * | 2021-10-27 | 2021-12-31 | 北京计算机技术及应用研究所 | 一种用于自动机加生产线的多源数据采集*** |
CN113971176A (zh) * | 2021-10-28 | 2022-01-25 | 重庆允成互联网科技有限公司 | 根据工业用户个性化需求生成可视看板的方法和存储介质 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN114443992A (zh) | 数据可视化展示方法、装置、电子设备及存储介质 | |
DE202013012486U1 (de) | Benutzeroberfläche für das Orientieren einer Kameraansicht in Richtung von Oberflächen innerhalb einer 3-D-Karte und Einrichtungen, welche die Benutzeroberfläche miteinbeziehen | |
US8743134B2 (en) | Interactive comparative analysis of multiple object data visualizations | |
CN111581208A (zh) | 一种数据可视化展示方法及装置 | |
CN111767492B (zh) | 图片加载方法、装置、计算机设备及存储介质 | |
CN106535002B (zh) | 一种桌面启动器模板布局的更新方法及装置 | |
KR102282284B1 (ko) | 오브젝트 집합의 시각적 표현을 제공하는 방법, 장치, 기기 및 저장 매체 | |
CN110689608B (zh) | 一种数字电网的三维展示方法及*** | |
CN114816632A (zh) | 看板布局配置方法和装置、看板显示方法、设备和介质 | |
CN113010582A (zh) | 数据处理方法、装置、计算机可读介质及电子设备 | |
CN110851568A (zh) | 商品信息处理方法、终端设备及计算机可读存储介质 | |
CN109189524A (zh) | 一种图像资源的生成方法和装置 | |
CN115545791A (zh) | 一种客群画像生成方法、装置、电子设备及存储介质 | |
CN114969031A (zh) | 一种可视化数据展示方法及相关装置 | |
JP6186754B2 (ja) | 画面表現評価装置、画面表現評価方法、及びプログラム | |
CN110851521B (zh) | 数据可视化的方法、装置和存储介质 | |
US20200167838A1 (en) | Plausibility-based validation of product costing structures | |
CN112579664A (zh) | 图表联动的处理方法和装置 | |
CN111694994A (zh) | 信息处理方法及装置 | |
CN116451637B (zh) | 一种电路图融合加载方法及装置、设备、存储介质 | |
US20230119741A1 (en) | Picture annotation method, apparatus, electronic device, and storage medium | |
CN112612847B (zh) | 一种基于下钻分析场景的数据处理的方法和装置 | |
CN113656431A (zh) | 一种基于大数据的图形展示方法 | |
JP6390752B2 (ja) | 画面表現評価装置、画面表現評価方法、及びプログラム | |
CN117785956A (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 |