数据显示方式切换方法、装置、设备及存储介质与流程

1.本发明涉及数据处理技术领域，尤其涉及一种数据显示方式切换方法、装置、设备及存储介质。


背景技术：

2.相关技术中，一般会利用柱状图、折线图、饼状图等单一方式来展示数据。
3.但是，单一图表难以全面的展示数据，而在需要利用不同的方式展示数据时，往往需要用户重新进行手动操作，耗时长效率低。


技术实现要素：

4.本发明的主要目的在于提供一种数据显示方式切换方法、装置、设备及存储介质，旨在解决现有技术中进行数据显示方式切换时耗时长效率低的技术问题。
5.根据本发明的第一方面，提供了一种数据显示方式切换方法，所述方法包括：
6.若接收到用户输入的二维切换指令，则将用户交互界面上的三维数据显示图转换为对应的数据信息；
7.基于所述数据信息，采用异步渲染方式，生成与所述三维数据显示图对应的二维数据显示图，并将所述二维数据显示图在所述用户交互界面上显示。
8.可选地，所述若接收到用户输入的二维切换指令，则将用户交互界面上的三维数据显示图转换为对应的数据信息之前，所述方法还包括：
9.获取所述数据信息，并创建三维底图；
10.根据所述数据信息，生成对应的多个三维模型；
11.将多个所述三维模型添加至所述三维底图中，生成所述三维数据显示图，并将所述三维数据显示图在所述用户交互界面上显示。
12.可选地，所述根据所述数据信息，生成对应的多个三维模型，包括：
13.根据所述数据信息，得到所述数据信息包含的多组三维模型数据；
14.根据多组所述三维模型数据，生成对应的多个所述三维模型。
15.可选地，所述将多个所述三维模型添加至所述显示底图中，生成所述三维数据显示图，包括：
16.根据所述数据信息，得到多个所述三维模型的编排数据；
17.根据所述编排数据，将多个所述三维模型添加至所述显示底图中，生成所述三维数据显示图。
18.可选地，所述若接收到用户输入的二维切换指令，则将用户交互界面上的三维数据显示图转换为对应的数据信息，包括：
19.若接收到所述二维切换指令，则根据所述三维数据显示图，确定对应的三维数据；
20.查询与所述三维数据对应的目标数据，得到所述数据信息。
21.可选地，所述基于所述数据信息，采用异步渲染方式，生成与所述三维数据显示图
对应的二维数据显示图，包括：
22.根据所述三维数据显示图，生成对应的平面网格图；所述平面网格图包括至少一个网格；
23.基于所述数据信息，确定至少一个所述网格的渲染颜色；
24.根据所述渲染颜色，采用异步渲染方式对至少一个所述网格进行渲染，生成所述二维数据显示图。
25.可选地，所述基于所述数据信息，采用异步渲染方式，生成与所述三维数据显示图对应的二维数据显示图，并将所述二维数据显示图在所述用户交互界面上显示之后，所述方法还包括：
26.若接收到用户输入的三维切换指令，则将所述二维数据显示图转换为所述数据信息；
27.基于所述数据信息，生成与所述二维数据显示图对应的三维数据显示图，并将所述三维数据显示图在所述用户交互界面上显示。
28.根据本发明的第二方面，提供了一种数据显示方式切换装置，所述装置包括：
29.信息接收模块，用于若接收到用户输入的二维切换指令，则将用户交互界面上的三维数据显示图转换为对应的数据信息；
30.显示切换模块，用于基于所述数据信息，采用异步渲染方式，生成与所述三维数据显示图对应的二维数据显示图，并将所述二维数据显示图在所述用户交互界面上显示。
31.根据本发明的第三方面，提供了一种数据显示方式切换设备，包括：存储器、处理器及存储在所述存储器上并可在所述处理器上运行的数据显示方式切换程序，所述数据显示方式切换程序被所述处理器执行时实现第一方面的实现方式中的任一种可能的实现方式中所述的各个步骤。
32.根据本发明的第四方面，提供了一种计算机可读存储介质，其上存储有数据显示方式切换程序，所述数据显示方式切换程序被处理器执行时实现第一方面的实现方式中的任一种可能的实现方式中所述的各个步骤。
33.本发明实施例提出一种数据显示方式切换方法、装置、设备及存储介质，数据显示方式切换设备若接收到用户输入的二维切换指令，则将用户交互界面上的三维数据显示图转换为对应的数据信息；基于所述数据信息，采用异步渲染方式，生成与所述三维数据显示图对应的二维数据显示图，并将所述二维数据显示图在所述用户交互界面上显示。
34.本发明在进行数据显示方式切换时，基于当前的显示图确定对应的显示数据，然后再通过异步渲染方式进行数据处理，将数据采用指定的显示方式进行显示。本发明区别于现有技术中进行数据显示方式切换时耗时长效率低的情况，在接收到用户输入的切换指令时，采用异步渲染方式对所需要切换的三维或二维显示图进行渲染处理，可以对多个待渲染对象并行处理，减少了处理时间，加快了切换效率。
附图说明
35.为了更清楚地说明本发明实施例或现有技术中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本发明的实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据
提供的附图获得其他的附图。
36.图1为本发明实施例方案涉及的硬件运行环境的数据显示方式切换设备的结构示意图；
37.图2为本发明数据显示方式切换方法的第一实施例的流程示意图；
38.图3为本发明图2中s201的步骤之前的流程示意图；
39.图4为本发明图3中s302的步骤的细化流程示意图；
40.图5为本发明图3中s303的步骤的细化流程示意图；
41.图6为本发明图2中s201的步骤的细化流程示意图；
42.图7为本发明图2中s202的步骤的细化流程示意图；
43.图8为本发明图2中s202的步骤之后的流程示意图；
44.图9为本发明实施例涉及的数据显示方式切换装置的功能模块示意图。
45.本发明目的的实现、功能特点及优点将结合实施例，参照附图做进一步说明。
具体实施方式
46.应当理解，此处所描述的具体实施例仅仅用以解释本发明，并不用于限定本发明。
47.本发明实施例的主要解决方案是：若接收到用户输入的二维切换指令，则将用户交互界面上的三维数据显示图转换为对应的数据信息；基于所述数据信息，采用异步渲染方式，生成与所述三维数据显示图对应的二维数据显示图，并将所述二维数据显示图在所述用户交互界面上显示。
48.相关技术中，一般会利用柱状图、折线图、饼状图等单一方式来展示数据。但是，单一图表难以全面的展示数据，而在需要利用不同的方式展示数据时，往往需要用户重新进行手动操作，耗时长效率低。
49.本发明提供一种解决方案，该方案用于数据显示方式切换设备，在进行数据显示方式切换时，基于当前的显示图确定对应的显示数据，然后再通过异步渲染方式进行数据处理，将数据采用指定的显示方式进行显示。本发明区别于现有技术中进行数据显示方式切换时耗时长效率低的情况，在接收到用户输入的切换指令时，采用异步渲染方式对所需要切换的三维或二维显示图进行渲染处理，可以对多个待渲染对象并行处理，减少了处理时间，加快了切换效率。
50.为使本发明实施例的目的、技术方案和优点更加清楚，下面将结合本发明实施例中的附图，对本发明实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例是本发明一部分的实施例，而不是全部的实施例。基于本发明中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都属于本发明保护的范围。
51.本发明实施例的说明书和权利要求书中的“第一”、“第二”用于区别类似的对象，而不必用于描述特定的顺序或者先后次序，应该理解这样的数据在适当的情况下可以互换，以便这里描述的实施例能够以除了这里图示或者描述的那些以外的顺序实施。
52.参照图1，图1为本发明实施例方案涉及的硬件运行环境的数据显示方式切换设备的结构示意图。
53.如图1所示，该数据显示方式切换设备可以包括：处理器1001，例如中央处理器(central processing unit，cpu)，通信总线1002、用户接口1003，网络接口1004，存储器
1005。其中，通信总线1002用于实现这些组件之间的连接通信。用户接口1003可以包括显示屏(display)、输入单元比如键盘(keyboard)，可选用户接口1003还可以包括标准的有线接口、无线接口。网络接口1004可选的可以包括标准的有线接口、无线接口(如无线保真(wireless-fidelity，wi-fi)接口)。存储器1005可以是高速的随机存取存储器(random access memory，ram)，也可以是稳定的非易失性存储器(non-volatile memory，nvm)，例如磁盘存储器。存储器1005可选的还可以是独立于前述处理器1001的存储装置。
54.本领域技术人员可以理解，图1中示出的结构并不构成对数据显示方式切换设备的限定，可以包括比图示更多或更少的部件，或者组合某些部件，或者不同的部件布置。
55.如图1所示，作为一种存储介质的存储器1005中可以包括操作系统、信息接收模块、显示切换模块以及数据显示方式切换程序。
56.在图1所示的数据显示方式切换设备中，网络接口1004主要用于与网络服务器进行数据通信；用户接口1003主要用于与用户进行数据交互；本发明数据显示方式切换设备中的处理器1001、存储器1005可以设置在数据显示方式切换设备中，数据显示方式切换设备通过处理器1001调用存储器1005中存储的数据显示方式切换程序，并执行本发明实施例提供的数据显示方式切换方法。
57.基于上述硬件结构但不限于上述硬件结构，本发明提供一种数据显示方式切换方法第一实施例。参照图2，图2为本发明数据显示方式切换方法第一实施例的流程示意图。
58.本实施例中，该方法包括：
59.步骤s201，若接收到用户输入的二维切换指令，则将用户交互界面上的三维数据显示图转换为对应的数据信息；
60.在本实施例中，执行主体为数据显示方式切换设备，数据显示方式切换设备提供用户交互界面，在该用户交互界面上可以通过二维或三维的方式来显示数据。在一种情况下，当前用户交互界面上显示的是三维显示图，用户可随时通过该用户交互界面输入二维切换指令，数据显示方式切换设备接收到该指令后，即可进行相应操作，可以理解的，要生成数据显示图，就要获得对应的数据信息，故本实施例中首先会根据当前显示的三维数据显示图，得到对应的数据信息。需要强调的是，这个过程可以是在接收到切换指令时，数据显示方式切换设备自动从后台获取数据完成，而不需要用户重新导入数据，提高了处理效率。
61.此外，用户输入切换指令的一种可行的方式为：在用户交互界面上设置维度切换按钮，用户可以直接点击该按钮，用户交互界面即切换至另一维度的显示图进行显示，比如若当前为三维数据显示图，则点击后切换至二维数据显示图，若当前为二维数据显示图，则点击后切换至三维数据显示图。
62.在一具体实施方式中，参照图6，图6为本发明图2中s201的步骤的细化流程示意图，所述若接收到用户输入的二维切换指令，则将用户交互界面上的三维数据显示图转换为对应的数据信息，包括：
63.步骤c10，若接收到所述二维切换指令，则根据所述三维数据显示图，确定对应的三维数据；
64.首先需要说明的是，三维数据显示图中是根据物体的三维数据，建立对应的三维模型来展示数据，具体方式将在下文具体描述，在此不作过多赘述。故当数据显示方式切换
设备接收到二维切换指令时，说明此时用户交互界面上显示的是三维数据显示图，即可确定对应的三维数据。一种可行的方式为：由于在建立三维模型时，肯定会需要对模型参数等信息进行设置，并生成对应的配置信息和配置项，故可读取配置项中的配置信息，以获取对应的三维数据。其中，三维数据可包含对应物体的标识信息如物体名称或编号等，3d信息如长宽高等，还可以包含材料、具体位置等相关信息，具体可根据实际需求设置。
65.步骤c20，查询与所述三维数据对应的目标数据，得到所述数据信息。
66.在得到了上述三维数据后，为了据此生成二维数据显示图，可根据三维数据在后台数据库中查找并获取对应的各项数据。具体的，如上所述，三维数据中可包含对应物体的标识信息，可将此标识信息作为标签，在数据库中获得对应的数据信息。
67.步骤s202，基于所述数据信息，采用异步渲染方式，生成与所述三维数据显示图对应的二维数据显示图，并将所述二维数据显示图在所述用户交互界面上显示。
68.如上所述，在得到相关的数据信息后，即可据此生成对应的二维数据显示图。由于二维不能像三维那样对数据进行立体呈现，故为了使得到的二维数据显示图更加直观形象，本实施例中利用渲染器对二维数据显示图进行渲染处理。具体的方式为异步渲染，采用异步处理的方式允许各个待处理单元并行执行相关步骤，从而加快处理效率，减少切换时间。
69.在一具体实施方式中，参照图7，图7为本发明图2中s202的步骤的细化流程示意图，所述基于所述数据信息，采用异步渲染方式，生成与所述三维数据显示图对应的二维数据显示图，包括：
70.步骤d10，根据所述三维数据显示图，生成对应的平面网格图；所述平面网格图包括至少一个网格；
71.如上所述，上述得到的三维数据显示图中展示的是一些三维模型，而一个三维模型对应一个实物，而在二维的平面网格图中，可利用一个个网格来标识各个实物，即平面网格图。并且，这些网格和三维模型一一对应，即若一个三维模型位于三维模型展示图的左上角位置，则其对应的网格也位于二维模型展示图的左上角位置。可以理解的，在平面网格图中，可根据各物体的实际形状和大小来设置对应的网格，如：对于一个仓库中的各个物体，物体一般为矩形，且一个仓库中的物体规格一般是一致的，故可用一些大小相同的矩形网格来表示这些物体。
72.步骤d20，基于所述数据信息，确定至少一个所述网格的渲染颜色；
73.以仓库中的物体为例，如上所述，在得到了平面网格图后，此时一个网格即代表一个物体，但此时从该图上最多只能看到物体的排布情况，而为了能够便于用户直观的看到更多信息比如物体的占用情况，还需要对平面网格图进行渲染处理。
74.各个物体上货箱的数量和各个物体的最大存储量可从上述数据信息中获得，然后根据各个物体的最大存储量以及当前的货箱数量，即可计算出各个物体当前的占用率。
75.为了直观显示出各个物体的占用情况，可以基于上述计算出的占用率对平面网格图的每个网格进行颜色渲染。一种可行的方式为：当某一物体的占用率达到第一阈值时，可将对应网格的颜色设置为红色；当占用率达到第二阈值而尚未达到第一阈值时，可将对应网格的颜色设置为黄色；当占用率达到第三阈值而尚未达到第二阈值时，可将对应网格的颜色设置为绿色；当占用率未达到第三阈值时，可将对应网格的颜色设置为白色。其中，可
以将第一阈值、第二阈值、第三阈值分别设置为80％、50％、20％。当然，阈值和颜色的可以自行设置，可以设置更多或更少的阈值和颜色，也可以设置不同的阈值和颜色的组合，本实施例对此不作限制。
76.步骤d30，根据所述渲染颜色，采用异步渲染方式对至少一个所述网格进行渲染，生成所述二维数据显示图。
77.确定好各个网格的渲染颜色后，即可采用上述异步渲染方式，利用渲染器对各个网格进行颜色渲染。通过异步渲染方式可允许多个网格并行进行渲染，从而加快渲染速度。其中，渲染器是3d引擎的核心部分，是高级全局照明渲染插件。可将物体绘制到屏幕。
78.在本实施例中，一方面为用户提供三维和二维两种数据显示方式，以便用户能从更多角度查看数据，提高用户体验；另一方面，采用异步渲染的方式进行渲染处理，加快了渲染速度，缩短了用户等待时间。
79.进一步地，作为一个实施例，参照图3，图3为本发明图2中s201的步骤之前的流程示意图，所述若接收到用户输入的二维切换指令，则将用户交互界面上的三维数据显示图转换为对应的数据信息之前，所述方法还包括：
80.步骤s301，获取所述数据信息，并创建三维底图；
81.首先从后台数据库中获取所需的数据信息，并且用户可上传一张或多张图片，在接收到这些图片后，对这些图片进行整合，利用webgl技术生成一个三维底图，该三维底图可以是基于上述图片得到的对应场景，然后再根据数据信息将物体添加至该场景中。当然，如果用户没有上传图片，还可以提供一些预设的三维底图以供使用。
82.步骤s302，根据所述数据信息，生成对应的多个三维模型；
83.如上所述，从数据信息中可以获得各种实物的相关信息，即可据此建模。
84.在一具体实施方式中，参照图4，图4为本发明图3中s302的步骤的细化流程示意图，所述根据所述数据信息，生成对应的多个三维模型，包括：
85.步骤a10，根据所述数据信息，得到所述数据信息包含的多组三维模型数据。
86.步骤a20，根据多组所述三维模型数据，生成对应的多个所述三维模型。
87.具体的，上述数据信息可以包含对应实物的数量、规格等参数信息。根据这些参数信息即可设置每个实物对应模型的参数，如长宽高、材料等，然后据此即可得到对应的三维模型数据，最后再利用三维模型数据进行参数设置和模型绘制，从而得到对应的三维模型。
88.步骤s303，将多个所述三维模型添加至所述三维底图中，生成所述三维数据显示图，并将所述三维数据显示图在所述用户交互界面上显示。
89.在得到上述三维模型后，再将这些三维模型添加至在先生成的三维底图中，即可完成对数据的三维显示。
90.在一具体实施方式中，参照图5，图5为本发明图5中s303的步骤的细化流程示意图，所述将多个所述三维模型添加至所述显示底图中，生成所述三维数据显示图，包括：
91.步骤b10，根据所述数据信息，得到多个所述三维模型的编排数据；
92.步骤b20，根据所述编排数据，将多个所述三维模型添加至所述显示底图中，生成所述三维数据显示图。
93.上述数据信息还可以各物体的实际摆放数据，通过该实际摆放数据可以得到实际摆放方式。首先，可以先确定出与各物体对应的实际摆放数据，然后据此确定各物体的实际
摆放方式，最后按照该实际摆放方式将所有物体添加至三维底图中。一种可行的方式为：实际摆放数据中包含了每个物体的编号以及对应的坐标，然后即可将每个物体按照对应的坐标添加至三维底图中，比如对于a物体，查询到其坐标为(m，n)，则将其添加至三维底图中第m行第n列的位置。可以理解的，这些坐标都是与物体的实际位置对应设置的。
94.最后，同样采用异步渲染方式对三维模型进行渲染处理，以使三维模型更加真实形象。具体的，定义渲染器和渲染窗口webglrenderer；定义场景scene，仓库；定义摄像机orthographiccamera，并设置其位置和角度；定义光照，包括点光源(pointlight)和环境光(ambientlight)；定义几何体boxgeometry；定义材质贴图meshlambertmaterial，包括物体的外观；基于上述设置执行异步渲染。其中，渲染具体包括顶点处理，栅格化处理，纹理化处理以及光照处理等。
95.本实施例中，在实际应用之前，可以在用户上传图片时自动生成三维数据显示图并进行显示，无需其他的操作指令，加快了处理效率。
96.进一步地，作为一个实施例，参照图8，图8为本发明图2中s202的步骤之后的流程示意图，所述基于所述数据信息，采用异步渲染方式，生成与所述三维数据显示图对应的二维数据显示图，并将所述二维数据显示图在所述用户交互界面上显示之后，所述方法还包括：
97.步骤s801，若接收到用户输入的三维切换指令，则将所述二维数据显示图转换为所述数据信息；
98.不难理解，用户可能会根据需求在二维数据显示图和三维数据显示图之间随时切换，故在上述将用户交互界面切换为二维数据显示图后，若用户下达三维切换指令，即再次点击维度切换按钮时，则根据当前显示的二维数据显示图，得到对应的数据信息，具体方式与上述三维数据显示图的处理方式基本一致，在此不再赘述。
99.步骤s802，基于所述数据信息，生成与所述二维数据显示图对应的三维数据显示图，并将所述三维数据显示图在所述用户交互界面上显示。
100.在得到对应的数据信息后，再通过建模、添加、渲染等步骤得到三维数据显示图，并在用户交互界面上显示，具体方式与上述基本一致，在此不再赘述。
101.需要补充强调的是，当用户需要再次切换时，只需要再次点击该切换按钮即可，每次进行切换时都将重新执行上述相关步骤，而异步渲染的方式可以有效缩短处理时间，加快处理效率；并且，由于每次都会重新获取数据，这样可以保证每次在切换时获取到的都是最新的数据信息，然后基于最新的数据生成对应的显示图，一方面可以保证得到的二维或三维数据显示图可以切实展示最新数据；另一方面重复执行上述步骤即可，不需要额外的更新操作，也有利于加快处理效率。
102.本实施例中，通过简单的切换按钮即可完成二维数据显示图和三维数据显示图之间的实时切换，并且可以保证生成的数据显示图显示的都是最新的数据信息，极大的简化了用户操作的流程，提高了效率和便捷性。
103.基于同一发明构思，本发明实施例还提供一种数据显示方式切换装置，参照图9所示，包括：
104.信息接收模块，用于若接收到用户输入的二维切换指令，则将用户交互界面上的三维数据显示图转换为对应的数据信息；
105.显示切换模块，用于基于所述数据信息，采用异步渲染方式，生成与所述三维数据显示图对应的二维数据显示图，并将所述二维数据显示图在所述用户交互界面上显示。
106.作为一种可选的实施例，数据显示方式切换装置还可包括：
107.数据获取模块，用于获取所述数据信息，并创建三维底图。
108.作为一种可选的实施例，数据显示方式切换装置还可包括：
109.模型生成模块，用于根据所述数据信息，生成对应的多个三维模型。
110.作为一种可选的实施例，数据显示方式切换装置还可包括：
111.三维显示模块，用于将多个所述三维模型添加至所述三维底图中，生成所述三维数据显示图，并将所述三维数据显示图在所述用户交互界面上显示。
112.此外，在一实施例中，本技术还提供一种计算机存储介质，所述计算机存储介质上存储有计算机程序，所述计算机程序被处理器运行时实现前述方法实施例中方法的步骤。
113.在一些实施例中，计算机可读存储介质可以是fram、rom、prom、eprom、eeprom、闪存、磁表面存储器、光盘、或cd-rom等存储器；也可以是包括上述存储器之一或任意组合的各种设备。计算机可以是包括智能终端和服务器在内的各种计算设备。
114.在一些实施例中，可执行指令可以采用程序、软件、软件模块、脚本或代码的形式，按任意形式的编程语言(包括编译或解释语言，或者声明性或过程性语言)来编写，并且其可按任意形式部署，包括被部署为独立的程序或者被部署为模块、组件、子例程或者适合在计算环境中使用的其它单元。
115.作为示例，可执行指令可以但不一定对应于文件系统中的文件，可被存储在保存其它程序或数据的文件的一部分，例如，存储在超文本标记语言(html，hyper text markup language)文档中的一个或多个脚本中，存储在专用于所讨论的程序的单个文件中，或者，存储在多个协同文件(例如，存储一个或多个模块、子程序或代码部分的文件)中。
116.作为示例，可执行指令可被部署为在一个计算设备上执行，或者在位于一个地点的多个计算设备上执行，又或者，在分布在多个地点且通过通信网络互连的多个计算设备上执行。
117.以上仅为本发明的优选实施例，并非因此限制本发明的专利范围，凡是利用本发明说明书及附图内容所作的等效结构或等效流程变换，或直接或间接运用在其他相关的技术领域，均同理包括在本发明的专利保护范围内。