一种数据可视化处理方法、装置、系统及介质与流程

专利2026-07-05  10


本发明涉及金融科技,尤其涉及一种数据可视化处理方法、装置、系统及介质。


背景技术:

1、在金融保险行业中,很多项目的前端开发需求多是看数图表和小卡片展示,例如通过图形化组件echarts,通过一些配置或者参数,可以让这个组件基于canvas标签渲染出想要的图表信息。

2、这种图表信息由于只能从二维角度看数据,例如在ppt上展示折线图、图表等,虽然比起纯数字文本,这在一定程度上提升了观感,但是数据展示方式的可视化程度和交互效果依然较差,针对具有地域特点的保险数据而言,若需要渲染交互式3d和2d图形,往往还需要使用其它插件,使得数据可视化处理效率较低。


技术实现思路

1、鉴于上述现有技术的不足,本发明的目的在于提供可应用于金融科技或其它相关领域的一种数据可视化处理方法、装置、系统及介质,其主要目的在于提高数据可视化处理效率。

2、本发明的技术方案如下:

3、本发明第一方面提供一种数据可视化处理方法,包括:

4、获取用户在配置项区域输入的地图配置信息与数据设置信息,所述配置项区域是基于vue框架预先搭建的;

5、通过vue框架中的vuex仓库将所述地图配置信息共享给数据展示区域的地图组件;

6、所述地图组件调用指定三维引擎基于所述地图配置信息进行地图渲染,生成目标样式地图;

7、根据所述数据设置信息获取相应的目标数据,并在所述数据展示区域中的目标样式地图上展示所述目标数据。

8、在一个实施例中,所述根据所述数据设置信息获取相应的目标数据,包括:

9、根据所述数据设置信息确认用户选择的目标数据标签;

10、根据所述目标数据标签在数据库中读取相关联的目标数据。

11、在一个实施例中,所述在所述数据展示区域中的目标样式地图上展示所述目标数据之后,方法还包括:

12、根据所述数据设置信息确认数据更新频率;

13、按所述数据更新频率在数据库中读取更新后的目标数据,在所述数据展示区域中的目标样式地图上展示更新后的目标数据。

14、在一个实施例中,所述在所述数据展示区域中的目标样式地图上展示所述目标数据之后,方法还包括:

15、响应于对所述目标数据中指定类型数据的显示状态指令,在所述数据展示区域中的目标样式地图上显示或隐藏所述指定类型数据。

16、在一个实施例中,所述在所述数据展示区域中的目标样式地图上展示所述目标数据之后,方法还包括:

17、响应于对所述目标样式地图中指定子区域的显示状态指令,在所述数据展示区域中的目标样式地图上显示或隐藏所述指定子区域的数据。

18、在一个实施例中,所述地图配置信息包括地图尺寸、地图配色、地图分级设置和地图分级样式。

19、在一个实施例中,所述指定三维引擎为基于webgl封装的three.js三维引擎。

20、本发明第二方面提供一种数据可视化处理装置,包括:

21、获取模块,用于获取用户在配置项区域输入的地图配置信息与数据设置信息,所述配置项区域是基于vue框架预先搭建的;

22、数据共享模块,用于通过vue框架中的vuex仓库将所述地图配置信息共享给数据展示区域的地图组件;

23、渲染模块,用于所述地图组件调用指定三维引擎基于所述地图配置信息进行地图渲染,生成目标样式地图;

24、数据展示模块,用于根据所述数据设置信息获取相应的目标数据,并在所述数据展示区域中的目标样式地图上展示所述目标数据。

25、本发明第三方面提供一种数据可视化处理系统,所述系统包括至少一个处理器;以及,

26、与所述至少一个处理器通信连接的存储器;其中,

27、所述存储器存储有可被所述至少一个处理器执行的指令,所述指令被所述至少一个处理器执行,以使所述至少一个处理器能够执行上述数据可视化处理方法。

28、本发明第四方面提供一种非易失性计算机可读存储介质,所述非易失性计算机可读存储介质存储有计算机可执行指令,该计算机可执行指令被一个或多个处理器执行时,可使得所述一个或多个处理器执行上述的数据可视化处理方法。

29、有益效果:本发明公开了一种数据可视化处理方法、装置、系统及介质,相比于现有技术,本发明实施例获取用户在配置项区域输入的地图配置信息与数据设置信息,配置项区域是基于vue框架预先搭建的;通过vue框架中的vuex仓库将地图配置信息共享给数据展示区域的地图组件;地图组件调用指定三维引擎基于地图配置信息进行地图渲染,生成目标样式地图;根据数据设置信息获取相应的目标数据,并在数据展示区域中的目标样式地图上展示目标数据。通过vuex仓库方便快捷的实现组件间的数据通信,使得在数据可视化处理时可直接将配置的数据共享给地图组件并调用三维引擎进行渲染,通过高性能的交互式目标样式地图展示目标数据,提高了开发效率与数据可视化效果。



技术特征:

1.一种数据可视化处理方法,其特征在于,包括:

2.根据权利要求1所述的数据可视化处理方法,其特征在于,所述根据所述数据设置信息获取相应的目标数据,包括:

3.根据权利要求1所述的数据可视化处理方法,其特征在于,所述在所述数据展示区域中的目标样式地图上展示所述目标数据之后,方法还包括:

4.根据权利要求1所述的数据可视化处理方法,其特征在于,所述在所述数据展示区域中的目标样式地图上展示所述目标数据之后,方法还包括:

5.根据权利要求1所述的数据可视化处理方法,其特征在于,所述在所述数据展示区域中的目标样式地图上展示所述目标数据之后,方法还包括:

6.根据权利要求1所述的数据可视化处理方法,其特征在于,所述地图配置信息包括地图尺寸、地图配色、地图分级设置和地图分级样式。

7.根据权利要求1所述的数据可视化处理方法,其特征在于,所述指定三维引擎为基于webgl封装的three.js三维引擎。

8.一种数据可视化处理装置,其特征在于,包括:

9.一种数据可视化处理系统,其特征在于,所述系统包括至少一个处理器;以及,

10.一种非易失性计算机可读存储介质,其特征在于,所述非易失性计算机可读存储介质存储有计算机可执行指令,该计算机可执行指令被一个或多个处理器执行时,可使得所述一个或多个处理器执行权利要求1-7任一项所述的数据可视化处理方法。


技术总结
本发明公开了一种数据可视化处理方法、装置、系统及介质,方法包括:获取用户在配置项区域输入的地图配置信息与数据设置信息,配置项区域是基于Vue框架预先搭建的;通过Vue框架中的Vuex仓库将地图配置信息共享给数据展示区域的地图组件;地图组件调用指定三维引擎基于地图配置信息进行地图渲染,生成目标样式地图;根据数据设置信息获取相应的目标数据,并在数据展示区域中的目标样式地图上展示目标数据。通过Vuex仓库方便快捷的实现组件间的数据通信,使得在数据可视化处理时可直接将配置的数据共享给地图组件并调用三维引擎进行渲染,通过高性能的交互式目标样式地图展示目标数据,提高了开发效率与数据可视化效果。

技术研发人员:俞悦
受保护的技术使用者:中国平安财产保险股份有限公司
技术研发日:
技术公布日:2024/12/17
转载请注明原文地址:https://xbbs.6miu.com/read-32245.html