掌桥专利:专业的专利平台
掌桥专利
首页

一种数据可视化处理方法和装置

文献发布时间:2023-06-19 12:24:27


一种数据可视化处理方法和装置

技术领域

本发明涉及大数据中的数据可视化领域,尤其涉及一种数据可视化处理方法和装置。

背景技术

当前社会正处于数据大爆炸的时代,企业每天会产生大量的数据,如何将数据形象的展现,以辅助用户进行总结或制定策略是数据分析的核心。

现有常见的图表开发形式一般有两种,其一采用成熟的电子表格类软件实现,如Echarts;其二是参数化设计,将工程本身编写为函数与过程,通过修改初始条件并经计算机计算,得到工程结果。但这两种方式都无法做到不同条件下的来回切换播放。

发明内容

有鉴于此,本发明实施例提供一种数据可视化处理方法和装置,至少能够解决现有可视化大屏都无法做到不同条件下来回切换播放的现象。

为实现上述目的,根据本发明实施例的一个方面,提供了一种数据可视化处理方法,包括:获取每个分行的当日还款数据,计算分行总数量与每页展示的预设数量的商,对所述商向上取整,得到显示页数;展示位于第一页的当日还款数据,在展示时间达到预设时间时,切换至第二页的当日还款数据进行展示;重复上述时间判断和页面切换操作,以通过轮播方式展示所述显示页数的当日还款数据。

可选的,所述获取每个分行的当日还款数据,包括:按照还款方式,将每个分行的当日还款数据,分为随借随还还款数据和当日结清还款数据;对于单个分行,统计当日还款总数据,以分别计算随借随还还款数据和当日结清还款数据在所述当日还款总数据中的占比;以柱状图形式,展示每个分行的当日还款总数据和计算得到的占比,得到每个分行的当日还款数据柱状图。

可选的,还包括:按照当日还款总数据从大到小的顺序,对各分行的当日还款数据柱状图进行降序排列。

可选的,筛选当日还款总数据小于预设还款数据的分行,对筛选到的分行的当日还款总数据进行突出显示。

可选的,所述以柱状图形式,展示每个分行的当日还款总数据和计算得到的占比,包括:以右上角和右下角设置为直角的柱状形式,显示随借随还还款数据的占比;以及以右上角和右下角设置为圆角的柱状形式,显示当日结清还款数据的占比。

可选的,还包括:设置与所述显示页数对应的分页指示器,根据当前轮播页数突出显示对应的分页指示器。

可选的,还款数据包括还款户数和还款金额中的至少一种。

可选的,还包括:统计所有分行的当日还款总金额、随借随还总金额和当日结清总金额并显示,以及分别计算随借随还总金额和当日结清总金额在其中的占比并显示;和/或统计所有分行的当日还款户数并显示。

可选的,统计所有分行的当日还款笔数并显示。

可选的,所述获取每个分行的当日还款数据,包括:导入地图,将每个分行的当日还款总金额以键值对的形式注入地图中,确定每个分行在地图中的位置;计算地图中每个预设位置与单个分行所在位置的间距,采用就近原则确定与所述单个分行就近的一个预设位置;在所述一个预设位置中显示所述单个分行的名称和当日还款总金额,并与所述单个分行在地图中的位置连接。

可选的,还包括:对各分行的当日还款总金额进行降序排列,使用不同颜色标记不同排名的分行和当日还款总金额。

可选的,所述与所述单个分行在地图中的位置连接,包括:使用不同颜色的线条,将不同当日还款总金额和相应分行在地图中的位置连接起来。

可选的,响应于鼠标移动到地图中其中一个分行的操作,对所述其中一个分行的当日还款总金额和所在位置进行突出显示。

可选的,还包括:响应于对当前页中一个分行的选择操作,根据所述一个分行的分行号,确定所述一个分行的当日还款详情页面地址以进行页面跳转。

可选的,当日还款详情包括还款金额、还款笔数、还款户数、还款金额总体趋势、还款金额结构等比趋势。

可选的,所述获取每个分行的当日还款数据,包括:前端传输获取当日还款数据请求至后端;其中,获取当日还款数据请求包括查询条件;所述后端接收所述前端传输的获取当日还款数据请求,查询快贷库中符合所述查询条件的当日还款数据,将查询到的当日还款数据返回至所述前端。

可选的,所述快贷库中设置有统计报表,用于存储当日还款数据;在所述查询快贷库中符合所述查询条件的当日还款数据之前,还包括:数据仓库将原始业务数据装载在贴源表中,在装载完成后,将所述贴源表发送给所述后端;所述后端根据当日结清和随借随还的规则,对所述贴源表中的业务数据进行还款结构加工,以生成统计报表并存储到快贷库。

可选的,所述后端根据当日结清和随借随还的规则,对所述贴源表中的业务数据进行还款结构加工,包括:所述后端按照复制作业,将所述贴源表中的业务数据复制到数据库中;根据当日结清和随借随还的规则,对复制到数据库中的业务数据进行还款结构加工。

可选的,所述生成统计报表并存储到快贷库,包括:所述后端将所述统计报表卸数为文件形式,并发送到网络附属存储目录,以通过所述网络附属存储目录将所述统计报表转载到快贷库。

为实现上述目的,根据本发明实施例的另一方面,提供了一种数据可视化处理装置,包括:获取模块,用于获取每个分行的当日还款数据,计算分行总数量与每页展示的预设数量的商,对所述商向上取整,得到显示页数;展示模块,用于展示位于第一页的当日还款数据,在展示时间达到预设时间时,切换至第二页的当日还款数据进行展示;

轮播模块,用于重复上述时间判断和页面切换操作,以通过轮播方式展示所述显示页数的当日还款数据。

可选的,所述获取模块,用于:按照还款方式,将每个分行的当日还款数据,分为随借随还还款数据和当日结清还款数据;对于单个分行,统计当日还款总数据,以分别计算随借随还还款数据和当日结清还款数据在所述当日还款总数据中的占比;以柱状图形式,展示每个分行的当日还款总数据和计算得到的占比,得到每个分行的当日还款数据柱状图。

可选的,所述获取模块,还用于:按照当日还款总数据从大到小的顺序,对各分行的当日还款数据柱状图进行降序排列。

可选的,所述获取模块,还用于:筛选当日还款总数据小于预设还款数据的分行,对筛选到的分行的当日还款总数据进行突出显示。

可选的,所述获取模块,用于:以右上角和右下角设置为直角的柱状形式,显示随借随还还款数据的占比;以及以右上角和右下角设置为圆角的柱状形式,显示当日结清还款数据的占比。

可选的,所述获取模块,还用于:设置与所述显示页数对应的分页指示器,根据当前轮播页数突出显示对应的分页指示器。

可选的,还款数据包括还款户数和还款金额中的至少一种。

可选的,所述获取模块,还用于:统计所有分行的当日还款总金额、随借随还总金额和当日结清总金额并显示,以及分别计算随借随还总金额和当日结清总金额在其中的占比并显示;和/或统计所有分行的当日还款户数并显示。

可选的,所述获取模块,还用于:统计所有分行的当日还款笔数并显示。

可选的,所述获取模块,用于:导入地图,将每个分行的当日还款总金额以键值对的形式注入地图中,确定每个分行在地图中的位置;计算地图中每个预设位置与单个分行所在位置的间距,采用就近原则确定与所述单个分行就近的一个预设位置;在所述一个预设位置中显示所述单个分行的名称和当日还款总金额,并与所述单个分行在地图中的位置连接。

可选的,所述获取模块,用于:对各分行的当日还款总金额进行降序排列,使用不同颜色标记不同排名的分行和当日还款总金额。

可选的,所述获取模块,用于:使用不同颜色的线条,将不同当日还款总金额和相应分行在地图中的位置连接起来。

可选的,所述获取模块,还用于:响应于鼠标移动到地图中其中一个分行的操作,对所述其中一个分行的当日还款总金额和所在位置进行突出显示。

可选的,所述获取模块,还用于:响应于对当前页中一个分行的选择操作,根据所述一个分行的分行号,确定所述一个分行的当日还款详情页面地址以进行页面跳转。

可选的,当日还款详情包括还款金额、还款笔数、还款户数、还款金额总体趋势、还款金额结构等比趋势。

可选的,所述获取模块,用于:前端传输获取当日还款数据请求至后端;其中,获取当日还款数据请求包括查询条件;所述后端接收所述前端传输的获取当日还款数据请求,查询快贷库中符合所述查询条件的当日还款数据,将查询到的当日还款数据返回至所述前端。

可选的,所述快贷库中设置有统计报表,用于存储当日还款数据;

还包括处理模块,用于:数据仓库将原始业务数据装载在贴源表中,在装载完成后,将所述贴源表发送给所述后端;所述后端根据当日结清和随借随还的规则,对所述贴源表中的业务数据进行还款结构加工,以生成统计报表并存储到快贷库。

可选的,所述处理模块,用于:所述后端按照复制作业,将所述贴源表中的业务数据复制到数据库中;根据当日结清和随借随还的规则,对复制到数据库中的业务数据进行还款结构加工。

可选的,所述处理模块,用于:所述后端将所述统计报表卸数为文件形式,并发送到网络附属存储目录,以通过所述网络附属存储目录将所述统计报表转载到快贷库。

为实现上述目的,根据本发明实施例的再一方面,提供了一种数据可视化处理电子设备。

本发明实施例的电子设备包括:一个或多个处理器;存储装置,用于存储一个或多个程序,当所述一个或多个程序被所述一个或多个处理器执行,使得所述一个或多个处理器实现上述任一所述的数据可视化处理方法。

为实现上述目的,根据本发明实施例的再一方面,提供了一种计算机可读介质,其上存储有计算机程序,所述程序被处理器执行时实现上述任一所述的数据可视化处理方法。

根据本发明所述提供的方案,上述发明中的一个实施例具有如下优点或有益效果:通过不同监测维度,对总分行小微快贷等新模式还款情况进行监测,把复杂、抽象的大型数据,通过图形、图表、图标等易于理解的形式,加以视觉效果以轮播形式展示总分行客户还款结构与排名情况,实现在不同条件下自动切换展示不同维度大屏页面。

上述的非惯用的可选方式所具有的进一步效果将在下文中结合具体实施方式加以说明。

附图说明

附图用于更好地理解本发明,不构成对本发明的不当限定。其中:

图1是根据本发明实施例的一种生成当日还款数据柱状图的流程示意图

图2(a)是还款金额排名柱状图示例;

图2(b)是还款户数排名柱状图示例;

图3是根据本发明实施例的一种生成当日还款数据地图状的的流程示意图;

图4(a)是还款金额分行地图示意图;

图4(b)是分行当日还款详情页面示意图;

图5是根据本发明实施例的一种数据可视化处理方法的主要流程示意图;

图6是当日还款分行排名示意图;

图7是根据本发明实施例的一种数据可视化处理装置的主要模块示意图;

图8是本发明实施例可以应用于其中的示例性系统架构图;

图9是适于用来实现本发明实施例的移动设备或服务器的计算机系统的结构示意图。

具体实施方式

以下结合附图对本发明的示范性实施例做出说明,其中包括本发明实施例的各种细节以助于理解,应当将它们认为仅仅是示范性的。因此,本领域普通技术人员应当认识到,可以对这里描述的实施例做出各种改变和修改,而不会背离本发明的范围和精神。同样,为了清楚和简明,以下的描述中省略了对公知功能和结构的描述。

对于本发明涉及的词语,做解释如下:

数据可视化:把复杂、抽象的大型数据,通过图形、图表、图标等易于理解的形式,加以视觉效果展示度出来。

GeoJSON:是一种对各种地理数据结构进行编码的格式,基于Javascript对象表示法的地理空间信息数据交换格式。GeoJSON对象可以表示几何、特征或者特征集合。GeoJSON支持下面几何类型:点、线、面、多点、多线、多面和几何集合。

localStorage:用于长久保存整个网站的数据,保存的数据没有过期时间,直到手动去删除。

sessionStorage:用于临时保存同一窗口(或标签页)的数据,在关闭窗口或标签页之后将会删除这些数据。

setTimeout():方法用于在指定的毫秒数后调用函数或计算表达式,该方法只执行一次setInterval():方法可按照指定的周期(以毫秒计)来执行函数或表达式。该方法会不停地循环调用函数,直到使用clearInterval()明确停止该函数或窗口被关闭。

clearInterval():方法可取消由setInterval()函数设定的定时执行操作,该方法参数必须是由setInterval()返回的ID值。

数组(Array):表示有序数据的集合,数据顺序很重要的话,就用数组(数组中排列顺序从0开始)。

对象(Object):表示无序数据的集合。

window.open(url):用于打开一个新的浏览器窗口或查找一个已命名的窗口。

参见图1,示出了根据本发明实施例的一种生成当日还款数据柱状图的流程示意图,包括如下步骤:

S101:按照还款方式,将每个分行的当日还款数据,分为随借随还还款数据和当日结清还款数据;

S102:对于单个分行,统计当日还款总数据,以分别计算随借随还还款数据和当日结清还款数据在所述当日还款总数据中的占比;

S103:以柱状图形式,展示每个分行的当日还款总数据和计算得到的占比,得到每个分行的当日还款数据柱状图。

上述实施方式中,对于步骤S101,不同分行的当日还款数据不同,因而需针对不同分行分别生成当日还款数据柱状图。

每日数据仓库会将所得原始业务数据装载在贴源表中,装载完成后,将贴源表发给开发中心系统(即后端)。后端根据调度平台的复制作业,将贴源表中的业务数据复制到系统内计算区的数据库中,然后根据当日结清和随借随还这两个还款规则进行还款结构数据的加工,以生成统计报表。

生成的统计报表,通过调度平台卸数为文件,之后通过NFT传输工具,将文件传输到PLKD的NAS(Network Attached Storage,网络附属存储)目录,再根据CTM调度将文件转载到快贷库中。

使用的还款规则加工方法代码为:

(case when a.payoffdate is not null and to_date(a.payoffdate,'yyyy-mm-dd')=to_date(b.rdate,'yyyy-mm-dd')

Then.'drjq'

else

sjsh'

end)retutype

前端开发人员通过java编写接口代码,使用sql(即获取当日还款数据请求)查询后端快贷库中的统计报表,并将查询到的当日还款数据通过接口调用的方式传输给前端。

对于步骤S102,还款方式分为随借随还、当日结清这两种。前端在从后端获取到多个分行的当日还款数据后,按照这两种方式,计算各分行的随借随还还款金额、当日结清还款金额以及当日还款总金额,进而分别计算随借随还还款金额、当日结清还款金额在当日还款总金额中的占比,例如,深圳分行中的随借随还还款金额在其当日还款总金额中的占比为77.6%。

对于步骤S103,本方案中配置柱状图的代码示例如下:

其中,数组totalList用以存储各分行当日还款总金额,数组drList用以存储当日结清还款金额,数组ssList用以存储随借随还还款金额,数组bankList用以存储分行名称。

对需要进行排名的数组.sort(处理排序规则的函数)进行重排序(改变原数组),传入一个函数,有2个参数,分行a和b,numa=a的随借随还还款金额+a的当日结清还款金额;numb=b的随借随还还款金额+b的当日结清还款金额。升序返回numa–numb,降序则返回numb–numa。排序代码示例如下:

对经过排序后的数组使用forEach方法(forEach方法用于调用数组的每个元素,并将元素传递给回调函数),获取各分行的名称、随借随还还款金额、当日结清还款金额和当日还款总金额,按照排名顺序存储到对应的数组中。

排序后的数组.forEach(ele=>{

1、ele为数组中的元素,forEach方法调用数组是从前往后的,从第0个元素开始调用回调函数,ele就是排在第0个的元素,以此类推。以下说的对象就是forEach方法返回的元素。

2、后端将37家分行的还款数据以对象的形式存放在数组中,一个对象存放一个分行的还款数据。

3、对象中lvl1bankid属性代表的是分行编号。通过对象.lvl1bankid获得分行编号,根据分行编号得到分行名,将分行名称存储到bankList数组中。使用bankList.push(分行名称)将分行名称存储到bankList数组。数组的push方法像数组的最末尾添加一个元素。

4、对象中sjshje属性存放分行的随借随还还款金额。通过对象.sjshje属性得到随借随还还款金额,将它存储到ssList数组中。

5、对象中drjqje属性存放分行的当日结清还款金额。通过对象.drjqje属性得到当日结清还款金额,将它存储到drList数组中。

6、将随借随还还款金额+当日结清还款金额=该分行还款金额总和;将总的还款金额存储在totalList数组中。

})

将处理好的数据以key(属性名)-value(值)对的形式,存储在storeDate的xwPayAmtList对象中。

将当日还款数据显示在顶部,绘制柱状图,参见图2(a),显示不同还款方式的金额以及在各分行中的占比,浅灰色区域代表随借随还还款金额的占比,深灰色区域代表当日结清还款金额的占比。

另外,还款数据除了包含还款金额外,还可以包括还款户数,如图2(b)所示,显示不同还款方式的户数在各分行中的占比,浅灰色区域代表随借随还还款户数的占比,深灰色区域代表当日结清还款户数的占比。

进一步的,可以配置柱子基本样式,示例代码如下:

其中,

1.name:‘名称’

2.type:‘bar’设置barecharts会根据type的值来绘制不同图表bar为柱状图

3.stack:‘’,堆叠数据堆叠,同一个类目轴上stack的值相同的系列会堆叠在一起。本例中需求是将随借随还还款金额和当日结清还款金额堆叠,可以设置stack值相同时即可实现堆叠。

4.data:需要绘制的数据,数据类型为数组

5.barWidth:柱子的宽度,根据需求设置柱子的宽度

6.barMinHeight:柱子的最小高度

7.barMaxHeight:柱子的最大高度

8.label:文字描述,本案例中将还款金额占比配置在label中,实现柱子尾部显示占比的功能

9.itemStyle:设置柱子的颜色、边框,正常情况样式配置在nomal属性中。

10.Color:柱子的颜色(在此位置根据需求设置柱状图的颜色)

11.barBoederRadius:圆角半径数值越大角度越圆。可是设置一个值,四个角的圆角值都是一样的,可以有设置数组[上左,上右,右下,左下]

第一个柱子(随借随还)不需要圆角,对应的配置barBoederRadius为0。第二个柱子(当日结清)右上和右下需要圆角,对应配置barBoederRadius为[0,15,15,0],以此实现了2种颜色柱状图堆叠图,柱子尾部有圆角,具体参见图2(a)和(b)。

另外,还可以按照从大到小的顺序,对各分行的当日还款总金额进行排名,并以不同颜色显示,例如,第一名的数字“01”的颜色为红色、第二名的数字“02”的颜色为黄色、第三名的数字“03”的颜色为绿色、其他排名颜色均为蓝色。

进一步的,可以从服务端处获取业务人员预先设置的最低还款金额(即预设还款金额),筛选出当日还款总金额小于最低还款金额的分行,以对这些分行的当日还款金额突出显示。如,将分行还款金额文字颜色修改为红色,从而达到突出不达标分行的还款数据功能。

上述排序方式和筛选方式,同样适用于还款户数情况,此时需设置预设还款户数。

上述实施例所提供的方法,以柱状图形式,展示不同分行的当日还款数据,使得还款信息一目了然,且可以根据需求设置柱状大小形状,体现设置多样化。

参见图3,示出了根据本发明实施例的一种生成当日还款数据地图状的流程示意图,包括如下步骤:

S301:导入地图,将每个分行的当日还款总金额以键值对的形式注入地图中,确定每个分行在地图中的位置;

S302:计算地图中每个预设位置与单个分行所在位置的间距,采用就近原则确定与所述单个分行就近的一个预设位置;

S303:在所述一个预设位置中显示所述单个分行的名称和当日还款总金额,并与所述单个分行在地图中的位置连接。

上述实施方式中,对于步骤S301,导入GeoJSON格式的地图数据,注入地图。获取各分行的当日还款总金额,按照格式{name:“分行名”,value:“分行对应的当日还款总金额”}处理,将处理好的数据注入地图。在地图中固定7个位置(即7个预设位置,此处仅为示例)用来显示每个分行的还款排名、当日还款总金额和分行名称。

具体执行代码如下:

其中,在visualMap中设置地图的颜色取值规则,type:设置地图颜色变化类型,continuous为连续型。min:指定visualMap组件的最小值。max:指定visualMap组件的最大值。left:距离容器左侧的距离支持两种形式:纯数字如20默认单位为px,‘20%’相对于容器宽的百分比。bottom:距离容器下侧的距离,支持两种形式参数纯数字,如20,默认单位为px,‘20%’相对于容器高的百分比。text:两端的文字描述数组形式设置如:[“高”,“低”]。color:颜色配置,数组[‘最大值对应的颜色’,‘最小值对应的颜色’]。show:是否显示visualMap组件,设置为true显示,设置为false不显示。

对于步骤S302和S303,地图中预设7个位置,用于显示每个分行的还款排名、当日还款总金额和分行名称。

确定每个分行在地图中的位置,使用Math方法计算每个预设位置与一个分行两点之间的距离,从中筛选出与该一个分行就近的一个预设位置,用于显示该分行当日具体的还款数据。之后将echarts提供的type设置为lines,使得分行与该预设位置连接起来,参见图4(a)。还款详细信息和标记分行所在位置的标记都用红、黄、绿、蓝四个颜色来区分1、2、3、4-37名。

后续可以对地图进行操作。例如,鼠标悬浮到地图上,对应的分行高亮显示。在geo.itemStyle.emphasis下配置鼠标悬浮到地图上,对应区域的地图的样式设置代码如下:

其中,areaColor为鼠标悬浮该区域颜色,设置的是黄色与视觉映射的蓝色调有很强的色差,以突出显示该区域实现颜色高亮的效果,颜色可以使用16进制的颜色码或rbg的颜色值来表示。shadowOffsetX为鼠标悬浮,对应区域X轴方向的一个阴影。shadowOffsetY为鼠标悬浮,对应区域Y轴方向的一个阴影。boederWidth为鼠标悬浮,对应区域轮廓的边框款宽度。

另外,通过点击地图上某一分行,可以查询该分行当日的还款详情信息。echarts提供on方法,第一个参数事件名,第二个参数触发事件需要做哪些事情(获取当前点击的分行号,使用sessionStorage.setItem()将分行号和分行名称存储起来,使用window.open获取分行当日还款详情页面地址以进行页面跳转。当日还款详情包括还款金额、还款笔数、还款户数、还款金额总体趋势、还款金额结构等比趋势,具体参见图4(b)所示。

具体执行代码如下:

上述实施例所提供的方法,绘制地图,根据分行当日还款金额大小,使用不同颜色标记分行所在地图的区域颜色,实现不同分行的视觉映射。

参见图5,示出的是本发明实施例提供的一种数据可视化处理方法的主要流程图,包括如下步骤:

S501:获取每个分行的当日还款数据,计算分行总数量与每页展示的预设数量的商,对所述商向上取整,得到显示页数;

S502:展示位于第一页的当日还款数据,在展示时间达到预设时间时,切换至第二页的当日还款数据进行展示;

S503:重复上述时间判断和页面切换操作,以通过轮播方式展示所述显示页数的当日还款数据。

上述实施方式中,对于步骤S501~S503,具体生成每个分行的当日还款数据柱状图的操作参见图1所示描述,生成的柱状图参见图2(a)和(b)所示。此外,也可以生成地图状,具体参见图3所示描述,生成的地图状参见图4(a)所示,此处以柱状图为例进行说明。

进一步的,也可以同时显示柱状图和地图状,具体参见图6所示,此时界面顶部显示有所有分行当日的还款总金额、还款笔数和还款户数。还可以统计所有分行的当日随借随还总金额和当日结清总金额,并计算两者在所有分行当日还款总金额中的占比并显示,例如,当日随机随还总金额为52470384万元,当日还款总金额为66441919万元,占比为79%。

以还款金额排名柱状图为例:声明一个柱状图轮播的页数的变量barChartF为0,使用setTimeout方法5s(即预设时间,此处仅为示例)之后修改柱状图轮播的页数;根据barChartF的值获取本轮展示的数据,重新设置需要展示的数据,使用echarts的setOption方法更新页面的展示数据,以达到轮播展示的效果。

实现轮播分行排名数据代码示例如下:

clearBar0=setTimeout(()=>{

barchartF=barchartF==5?0:barchartF+1

settZSQ(‘.bar0’,barchartF);

setChartsJe();

setInterBarFun0(‘0’);

}

实现更新页面展示数据的代码示例如下:

//还款金额

function setchartsje(params){

let startidx=barchart==5?30:barchart*7;

let endidx=barchart==5?37:barchart*7+7

option1.yaxis[0].data=storedata.xwpayamtlist.banklist.slice(startidx,endidx);

option1.series[0].data=storedata.xwpayamtlist.sslist.slice(startidx,endidx);

option1.series[1].datastoredata.xwpayamtlist.drlist slice(startidx,endidx);

option1.series[2].data=storedata.xwpayamtlist.totalist.slice(startidx,endidx);

charts0.clear();

charts0.setoption(option1);

setgeoseries(barchart)

}

例如,有37家分行当日还款数据,按照7个当日还款数据柱状图为一组进行展示,每组数据展示5s切换到下一组。37/7=5.3,向上取整得到6,即表示显示页数为6,分6次自动轮播展示(进一步按照分行排名依次展示),前5页每页展示7个分行的当日还款数据柱状图,第6页展示2个分行的当日还款数据柱状图。

另外,参见图2(a)和(b)所示,底部设置有与显示页数对应的分页指示器,例如上述需显示6页,页面底部即设置有6个分页指示器。根据轮播页数高亮显示对应的分页指示器,如1-7名位于第一页,即高亮显示第一个指示器,以此类推。也可点击对应的指示器进行手动切换。

上述实施例所提供的方法,在不同条件下实现自动切换展示不同维度大屏页面,可以以柱状图形式展示,也可以以地图状形式展示,达到更佳的视觉展示效果。

本发明实施例所提供的方法,相比现有技术,至少存在如下有益效果:

1、通过不同监测维度,对总分行小微快贷等新模式还款情况进行监测,把复杂、抽象的大型数据,通过图形、图表、图标等易于理解的形式展现;

2、加以视觉效果以轮播形式展示总分行客户还款结构与排名情况,实现在不同条件下自动切换展示不同维度大屏页面;总行维度可通过还款排名页面实时了解各分行情况,明确重点关注分行;

3、设有展示业务人员关心的还款口径,通过本发明可以了解还款结构,帮助业务人员分析业务进程与贷款质量;点击地图相应区域可进入分行还款详情页面,了解随借随还与当日结清情况。

参见图7,示出了本发明实施例提供的一种数据可视化处理装置700的主要模块示意图,包括:

获取模块701,用于获取每个分行的当日还款数据,计算分行总数量与每页展示的预设数量的商,对所述商向上取整,得到显示页数;

展示模块702,用于展示位于第一页的当日还款数据,在展示时间达到预设时间时,切换至第二页的当日还款数据进行展示;

轮播模块703,用于重复上述时间判断和页面切换操作,以通过轮播方式展示所述显示页数的当日还款数据。

本发明实施装置中,所述获取模块701,用于:按照还款方式,将每个分行的当日还款数据,分为随借随还还款数据和当日结清还款数据;对于单个分行,统计当日还款总数据,以分别计算随借随还还款数据和当日结清还款数据在所述当日还款总数据中的占比;以柱状图形式,展示每个分行的当日还款总数据和计算得到的占比,得到每个分行的当日还款数据柱状图。

本发明实施装置中,所述获取模块701,还用于:按照当日还款总数据从大到小的顺序,对各分行的当日还款数据柱状图进行降序排列。

本发明实施装置中,所述获取模块701,还用于:筛选当日还款总数据小于预设还款数据的分行,对筛选到的分行的当日还款总数据进行突出显示。

本发明实施装置中,所述获取模块701,用于:以右上角和右下角设置为直角的柱状形式,显示随借随还还款数据的占比;以及以右上角和右下角设置为圆角的柱状形式,显示当日结清还款数据的占比。

本发明实施装置中,所述获取模块701,还用于:设置与所述显示页数对应的分页指示器,根据当前轮播页数突出显示对应的分页指示器。

本发明实施装置中,还款数据包括还款户数和还款金额中的至少一种。

本发明实施装置中,所述获取模块701,还用于:统计所有分行的当日还款总金额、随借随还总金额和当日结清总金额并显示;和/或统计所有分行的当日还款户数并显示。

本发明实施装置中,所述获取模块701,还用于:统计所有分行的当日还款笔数并显示。

本发明实施装置中,所述获取模块701,用于:导入地图,将每个分行的当日还款总金额以键值对的形式注入地图中,确定每个分行在地图中的位置;计算地图中每个预设位置与单个分行所在位置的间距,采用就近原则确定与所述单个分行就近的一个预设位置;在所述一个预设位置中显示所述单个分行的名称和当日还款总金额,并与所述单个分行在地图中的位置连接。

本发明实施装置中,所述获取模块701,,用于:对各分行的当日还款总金额进行降序排列,使用不同颜色标记不同排名的分行和当日还款总金额。

本发明实施装置中,所述获取模块701,用于:使用不同颜色的线条,将不同当日还款总金额和相应分行在地图中的位置连接起来。

本发明实施装置中,所述获取模块701,还用于:响应于鼠标移动到地图中其中一个分行的操作,对所述其中一个分行的当日还款总金额和所在位置进行突出显示。

本发明实施装置中,所述获取模块701,还用于:响应于对当前页中一个分行的选择操作,根据所述一个分行的分行号,确定所述一个分行的当日还款详情页面地址以进行页面跳转。

本发明实施装置中,当日还款详情包括还款金额、还款笔数、还款户数、还款金额总体趋势、还款金额结构等比趋势。

本发明实施装置中,所述获取模块701,用于:前端传输获取当日还款数据请求至后端;其中,获取当日还款数据请求包括查询条件;所述后端接收所述前端传输的获取当日还款数据请求,查询快贷库中符合所述查询条件的当日还款数据,将查询到的当日还款数据返回至所述前端。

本发明实施装置中,所述快贷库中设置有统计报表,用于存储当日还款数据;还包括处理模块,用于:数据仓库将原始业务数据装载在贴源表中,在装载完成后,将所述贴源表发送给所述后端;所述后端根据当日结清和随借随还的规则,对所述贴源表中的业务数据进行还款结构加工,以生成统计报表并存储到快贷库。

本发明实施装置中,所述处理模块,用于:所述后端按照复制作业,将所述贴源表中的业务数据复制到数据库中;根据当日结清和随借随还的规则,对复制到数据库中的业务数据进行还款结构加工。

本发明实施装置中,所述处理模块,用于:所述后端将所述统计报表卸数为文件形式,并发送到网络附属存储目录,以通过所述网络附属存储目录将所述统计报表转载到快贷库。

另外,在本发明实施例中所述装置的具体实施内容,在上面所述方法中已经详细说明了,故在此重复内容不再说明。

图8示出了可以应用本发明实施例的示例性系统架构800,包括终端设备801、802、803,网络804和服务器805(仅仅是示例)。

终端设备801、802、803可以是具有显示屏并且支持网页浏览的各种电子设备,安装有各种通讯客户端应用,用户可以使用终端设备801、802、803通过网络804与服务器805交互,以接收或发送消息等。

网络804用以在终端设备801、802、803和服务器805之间提供通信链路的介质。网络804可以包括各种连接类型,例如有线、无线通信链路或者光纤电缆等等。

服务器805可以是提供各种服务的服务器,用于执行获取每个分行的当日还款数据,计算分行总数量与每页展示的预设数量的商,对所述商向上取整,得到显示页数;展示位于第一页的当日还款数据,在展示时间达到预设时间时,切换至第二页的当日还款数据进行展示;重复上述时间判断和页面切换操作,以通过轮播方式展示所述显示页数的当日还款数据操作。

需要说明的是,本发明实施例所提供的方法一般由服务器805执行,相应地,装置一般设置于服务器805中。

应该理解,图8中的终端设备、网络和服务器的数目仅仅是示意性的。根据实现需要,可以具有任意数目的终端设备、网络和服务器。

下面参考图9,其示出了适于用来实现本发明实施例的终端设备的计算机系统900的结构示意图。图9示出的终端设备仅仅是一个示例,不应对本发明实施例的功能和使用范围带来任何限制。

如图9所示,计算机系统900包括中央处理单元(CPU)901,其可以根据存储在只读存储器(ROM)902中的程序或者从存储部分908加载到随机访问存储器(RAM)903中的程序而执行各种适当的动作和处理。在RAM 903中,还存储有系统900操作所需的各种程序和数据。CPU 901、ROM 902以及RAM 903通过总线904彼此相连。输入/输出(I/O)接口905也连接至总线904。

以下部件连接至I/O接口905:包括键盘、鼠标等的输入部分906;包括诸如阴极射线管(CRT)、液晶显示器(LCD)等以及扬声器等的输出部分907;包括硬盘等的存储部分908;以及包括诸如LAN卡、调制解调器等的网络接口卡的通信部分909。通信部分909经由诸如因特网的网络执行通信处理。驱动器910也根据需要连接至I/O接口905。可拆卸介质911,诸如磁盘、光盘、磁光盘、半导体存储器等等,根据需要安装在驱动器910上,以便于从其上读出的计算机程序根据需要被安装入存储部分908。

特别地,根据本发明公开的实施例,上文参考流程图描述的过程可以被实现为计算机软件程序。例如,本发明公开的实施例包括一种计算机程序产品,其包括承载在计算机可读介质上的计算机程序,该计算机程序包含用于执行流程图所示的方法的程序代码。在这样的实施例中,该计算机程序可以通过通信部分909从网络上被下载和安装,和/或从可拆卸介质911被安装。在该计算机程序被中央处理单元(CPU)901执行时,执行本发明的系统中限定的上述功能。

需要说明的是,本发明所示的计算机可读介质可以是计算机可读信号介质或者计算机可读存储介质或者是上述两者的任意组合。计算机可读存储介质例如可以是——但不限于——电、磁、光、电磁、红外线、或半导体的系统、装置或器件,或者任意以上的组合。计算机可读存储介质的更具体的例子可以包括但不限于:具有一个或多个导线的电连接、便携式计算机磁盘、硬盘、随机访问存储器(RAM)、只读存储器(ROM)、可擦式可编程只读存储器(EPROM或闪存)、光纤、便携式紧凑磁盘只读存储器(CD-ROM)、光存储器件、磁存储器件、或者上述的任意合适的组合。在本发明中,计算机可读存储介质可以是任何包含或存储程序的有形介质,该程序可以被指令执行系统、装置或者器件使用或者与其结合使用。而在本发明中,计算机可读的信号介质可以包括在基带中或者作为载波一部分传播的数据信号,其中承载了计算机可读的程序代码。这种传播的数据信号可以采用多种形式,包括但不限于电磁信号、光信号或上述的任意合适的组合。计算机可读的信号介质还可以是计算机可读存储介质以外的任何计算机可读介质,该计算机可读介质可以发送、传播或者传输用于由指令执行系统、装置或者器件使用或者与其结合使用的程序。计算机可读介质上包含的程序代码可以用任何适当的介质传输,包括但不限于:无线、电线、光缆、RF等等,或者上述的任意合适的组合。

附图中的流程图和框图,图示了按照本发明各种实施例的系统、方法和计算机程序产品的可能实现的体系架构、功能和操作。在这点上,流程图或框图中的每个方框可以代表一个模块、程序段、或代码的一部分,上述模块、程序段、或代码的一部分包含一个或多个用于实现规定的逻辑功能的可执行指令。也应当注意,在有些作为替换的实现中,方框中所标注的功能也可以以不同于附图中所标注的顺序发生。例如,两个接连地表示的方框实际上可以基本并行地执行,它们有时也可以按相反的顺序执行,这依所涉及的功能而定。也要注意的是,框图或流程图中的每个方框、以及框图或流程图中的方框的组合,可以用执行规定的功能或操作的专用的基于硬件的系统来实现,或者可以用专用硬件与计算机指令的组合来实现。

描述于本发明实施例中所涉及到的模块可以通过软件的方式实现,也可以通过硬件的方式来实现。所描述的模块也可以设置在处理器中,例如,可以描述为:一种处理器包括获取模块、展示模块、轮播模块。其中,这些模块的名称在某种情况下并不构成对该模块本身的限定,例如,获取模块还可以被描述为“当日还款数据获取模块”。

作为另一方面,本发明还提供了一种计算机可读介质,该计算机可读介质可以是上述实施例中描述的设备中所包含的;也可以是单独存在,而未装配入该设备中。上述计算机可读介质承载有一个或者多个程序,当上述一个或者多个程序被一个该设备执行时,使得该设备包括:

获取每个分行的当日还款数据,计算分行总数量与每页展示的预设数量的商,对所述商向上取整,得到显示页数;

展示位于第一页的当日还款数据,在展示时间达到预设时间时,切换至第二页的当日还款数据进行展示;

重复上述时间判断和页面切换操作,以通过轮播方式展示所述显示页数的当日还款数据。

根据本发明实施例的技术方案,相比现有技术,至少存在如下有益效果:

1、通过不同监测维度,对总分行小微快贷等新模式还款情况进行监测,把复杂、抽象的大型数据,通过图形、图表、图标等易于理解的形式展现;

2、加以视觉效果以轮播形式展示总分行客户还款结构与排名情况,实现在不同条件下自动切换展示不同维度大屏页面;总行维度可通过还款排名页面实时了解各分行情况,明确重点关注分行;

3、设有展示业务人员关心的还款口径,通过本发明可以了解还款结构,帮助业务人员分析业务进程与贷款质量;点击地图相应区域可进入分行还款详情页面,了解随借随还与当日结清情况。

上述具体实施方式,并不构成对本发明保护范围的限制。本领域技术人员应该明白的是,取决于设计要求和其他因素,可以发生各种各样的修改、组合、子组合和替代。任何在本发明的精神和原则之内所作的修改、等同替换和改进等,均应包含在本发明保护范围之内。

相关技术
  • 一种数据可视化处理方法、服务器及数据可视化处理系统
  • 一种数据可视化处理方法、装置、介质及电子设备
技术分类

06120113284054