一种数据展示方法、装置、设备及存储介质与流程

allin2026-02-22  29


本公开涉及数据处理领域,尤其涉及一种数据展示方法、装置、设备及存储介质。


背景技术:

1、在日常工作中人们会频繁的使用数据,如表格数据、文档数据以及数据库的数据等,企业管理者希望通过将这些数据制作成表或者图,来直观的看到数据的变化,这就是数据的可视化过程。数据可视化通常利用大屏进行数据的展示,期望利用大屏能够将全部数据一屏展示。

2、但是,由于大屏的空间也有限,需要展示的数据较多时,容器导致数据的展示效果不能满足用户的需求。


技术实现思路

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、本公开实施例提供了一种数据展示方法,在目标页面上显示多个数据展示区域,其中,每个数据展示区域均设置有数据源,用于展示对应的数据源的数据。在接收到针对目标数据展示区域的预设放大触发操作时,显示目标数据展示区域对应的放大后数据展示区域,其中,放大后数据展示区域的显示区域面积大于目标数据展示区域的显示区域面积。可见,本公开实施例在大屏数据展示过程中,可以触发在目标页面上放大显示局部数据,实现对大屏上的局部数据进行更清楚详细的展示,提升了数据展示效果,从而满足用户对数据展示效果的需求。



技术特征:

1.一种数据展示方法,其特征在于,所述方法包括:

2.根据权利要求1所述的方法,其特征在于,所述响应于针对所述多个数据展示区域中的目标数据展示区域的预设放大触发操作,显示所述目标数据展示区域对应的放大后数据展示区域之前,还包括:

3.根据权利要求1所述的方法,其特征在于,所述方法还包括:

4.根据权利要求3所述的方法,其特征在于,所述响应于针对所述放大后数据展示区域的预设退回触发操作,隐藏显示所述放大后数据展示区域之前,还包括:

5.根据权利要求1所述的方法,其特征在于,所述显示所述目标数据展示区域对应的放大后数据展示区域之前,还包括:

6.根据权利要求1所述的方法,其特征在于,所述响应于针对所述多个数据展示区域中的目标数据展示区域的预设放大触发操作,显示所述目标数据展示区域对应的放大后数据展示区域,包括:

7.根据权利要求1所述的方法,其特征在于,所述响应于针对所述多个数据展示区域中的目标数据展示区域的预设放大触发操作,在显示所述目标数据展示区域对应的放大后数据展示区域,包括:

8.根据权利要求1所述的方法,其特征在于,所述目标数据展示区域内的数据在所述放大后数据展示区域中的显示区域面积大于所述目标数据展示区域内的数据在所述目标数据展示区域中的显示区域面积。

9.一种数据展示装置,其特征在于,所述装置包括:

10.一种计算机可读存储介质,其特征在于,所述计算机可读存储介质中存储有指令,当所述指令在终端设备上运行时,使得所述终端设备实现如权利要求1-8任一项所述的方法。

11.一种数据展示设备,其特征在于,包括:存储器,处理器,及存储在所述存储器上并可在所述处理器上运行的计算机程序,所述处理器执行所述计算机程序时,实现如权利要求1-8任一项所述的方法。


技术总结
本公开提供了一种数据展示方法、装置、设备及存储介质,所述方法包括:在目标页面上显示多个数据展示区域,其中,每个数据展示区域均设置有数据源,用于展示对应的数据源的数据。在接收到针对目标数据展示区域的预设放大触发操作时,显示目标数据展示区域对应的放大后数据展示区域,其中,放大后数据展示区域的显示区域面积大于目标展示区域的显示区域面积。可见,本公开实施例在大屏数据展示过程中,可以触发在目标页面上放大显示局部数据,实现对大屏上的局部数据进行更清楚详细的展示,提升了数据展示效果,从而满足用户对数据展示效果的需求。

技术研发人员:沈畅,陈卓
受保护的技术使用者:北京有竹居网络技术有限公司
技术研发日:
技术公布日:2024/10/31
转载请注明原文地址: https://www.8miu.com/read-26834.html

最新回复(0)