客户信息的显示方法及装置、存储介质、电子装置与流程

本发明实施例涉及数据处理领域，具体而言，涉及一种客户信息的显示方法及装置、存储介质、电子装置。

背景技术：

大型金融控股集团业务范围横跨金融和实业等不同领域，各成员单位在长期的经营过程中分别积累了各自的客户群体，深度挖掘不同客群之间的共同兴趣点，并为其提供更加精准和个性化的服务是内部协同的主要目标，对企业整体发展具有深刻的战略意义。客户迁徙是企业协同情况的一种直观体现，对客户迁徙数据进行可视化展示能够为决策者提供直观的判断和分析依据。对客户迁徙数据的可视化展示面临着直观性较差问题。

针对上述基础问题，相关技术中尚未提出有效的解决方案。

技术实现要素：

本发明实施例提供了一种客户信息的显示方法及装置、存储介质、电子装置，以至少解决相关技术中对客户信息的显示直观性较差的问题。

根据本发明的一个实施例，提供了一种客户信息的显示方法，包括：确定获取的待显示数据，其中，上述待显示数据中包括客户信息，上述待显示数据的数据格式是预设格式；处理上述待显示数据，得到上述待显示数据的矩阵信息；生成上述矩阵信息的可视化组件；渲染上述可视化组件，以在上述可视化组件中显示上述客户信息。

根据本发明的另一个实施例，提供了一种客户信息的显示装置，包括：第一确定模块，用于确定获取的待显示数据，其中，上述待显示数据中包括客户信息，上述待显示数据的数据格式是预设格式；第一处理模块，用于处理上述待显示数据，得到上述待显示数据的矩阵信息；第一生成模块，用于生成上述矩阵信息的可视化组件；第一渲染模块，用于渲染上述可视化组件，以在上述可视化组件中显示上述客户信息。

在一个示例性实施例中，上述第一确定模块，包括：第一获取单元，用于通过开放式接口并基于用户的获取指令在数据库中获取源数据；第一转换单元，用于按照上述源数据的字段名和字段值将上述源数据转换为上述预设格式的数据，得到上述待显示数据。

在一个示例性实施例中，上述第一处理模块，包括：第二转换模块，用于将上述待显示数据转换为与上述客户信息的类别对应的矩阵信息，其中，上述矩阵信息用于表示上述客户信息的变化情况。

在一个示例性实施例中，上述第一生成模块，包括：第一确定单元，用于确定上述矩阵信息的类别，其中，上述矩阵信息的类别对应于上述客户信息的类别；第二确定单元，用于确定与上述矩阵信息的类别对应的参数信息；第一生成单元，用于基于上述矩阵信息的类别和上述参数信息生成上述可视化组件。

在一个示例性实施例中，上述第一渲染模块，包括：第一渲染单元，用于通过渲染引擎渲染与上述客户信息对应的上述可视化组件的属性，其中，上述可视化组件的属性包括以下至少之一：颜色、动画；第一显示单元，用于在上述可视化组件中显示上述客户信息。

根据本发明的又一个实施例，还提供了一种计算机可读存储介质，所述计算机可读存储介质中存储有计算机程序，其中，所述计算机程序被设置为运行时执行上述任一项方法实施例中的步骤。

根据本发明的又一个实施例，还提供了一种电子装置，包括存储器和处理器，所述存储器中存储有计算机程序，所述处理器被设置为运行所述计算机程序以执行上述任一项方法实施例中的步骤。

通过本发明，通过确定获取的待显示数据，其中，待显示数据中包括客户信息，待显示数据的数据格式是预设格式；处理待显示数据，得到待显示数据的矩阵信息；生成矩阵信息的可视化组件；渲染可视化组件，以在可视化组件中显示客户信息。实现了在可视化组件中直观的显示客户信息的目的。因此，可以解决了相关技术中对客户信息的显示直观性较差的问题，达到有效的直观显示客户信息的效果。

附图说明

图1是本发明实施例的一种客户信息的显示方法的移动终端的硬件结构框图；

图2是根据本发明实施例的客户信息的显示方法的流程图；

图3是根据本发明实施例的客户迁徙数据可视化流程图；

图4是根据本发明实施例的展示客户迁徙数据的可视化图形的示意图(一)；

图5是根据本发明实施例的展示客户迁徙数据的可视化图形的示意图(二)；

图6是根据本发明实施例的客户信息的显示装置的结构框图。

具体实施方式

下文中将参考附图并结合实施例来详细说明本发明的实施例。

需要说明的是，本发明的说明书和权利要求书及上述附图中的术语“第一”、“第二”等是用于区别类似的对象，而不必用于描述特定的顺序或先后次序。

本申请实施例中所提供的方法实施例可以在移动终端、计算机终端或者类似的运算装置中执行。以运行在移动终端上为例，图1是本发明实施例的一种客户信息的显示方法的移动终端的硬件结构框图。如图1所示，移动终端可以包括一个或多个(图1中仅示出一个)处理器102(处理器102可以包括但不限于微处理器mcu或可编程逻辑器件fpga等的处理装置)和用于存储数据的存储器104，其中，上述移动终端还可以包括用于通信功能的传输设备106以及输入输出设备108。本领域普通技术人员可以理解，图1所示的结构仅为示意，其并不对上述移动终端的结构造成限定。例如，移动终端还可包括比图1中所示更多或者更少的组件，或者具有与图1所示不同的配置。

存储器104可用于存储计算机程序，例如，应用软件的软件程序以及模块，如本发明实施例中的客户信息的显示方法对应的计算机程序，处理器102通过运行存储在存储器104内的计算机程序，从而执行各种功能应用以及数据处理，即实现上述的方法。存储器104可包括高速随机存储器，还可包括非易失性存储器，如一个或者多个磁性存储装置、闪存、或者其他非易失性固态存储器。在一些实例中，存储器104可进一步包括相对于处理器102远程设置的存储器，这些远程存储器可以通过网络连接至移动终端。上述网络的实例包括但不限于互联网、企业内部网、局域网、移动通信网及其组合。

传输装置106用于经由一个网络接收或者发送数据。上述的网络具体实例可包括移动终端的通信供应商提供的无线网络。在一个实例中，传输装置106包括一个网络适配器(networkinterfacecontroller，简称为nic)，其可通过基站与其他网络设备相连从而可与互联网进行通讯。在一个实例中，传输装置106可以为射频(radiofrequency，简称为rf)模块，其用于通过无线方式与互联网进行通讯。

在本实施例中提供了一种客户信息的显示方法，图2是根据本发明实施例的客户信息的显示方法的流程图，如图2所示，该流程包括如下步骤：

步骤s202，确定获取的待显示数据，其中，待显示数据中包括客户信息，待显示数据的数据格式是预设格式；

步骤s204，处理待显示数据，得到待显示数据的矩阵信息；

步骤s206，生成矩阵信息的可视化组件；

步骤s208，渲染可视化组件，以在可视化组件中显示客户信息。

其中，上述步骤的执行主体可以为服务器等，但不限于此。

可选地，本实施例包括但不限于应用于金融行业中对客户迁徙数据的显示中。客户信息包括但不限于是客户数量、客户增量、迁入\迁出客户数量等等。

通过上述步骤，通过确定获取的待显示数据，其中，待显示数据中包括客户信息，待显示数据的数据格式是预设格式；处理待显示数据，得到待显示数据的矩阵信息；生成矩阵信息的可视化组件；渲染可视化组件，以在可视化组件中显示客户信息。实现了在可视化组件中直观的显示客户信息的目的。因此，可以解决了相关技术中对客户信息的显示直观性较差的问题，达到有效的直观显示客户信息的效果。

在一个示例性实施例中，确定获取的待显示数据，包括：

s1，通过开放式接口并基于用户的获取指令在数据库中获取源数据；

s2，按照源数据的字段名和字段值将源数据转换为预设格式的数据，得到待显示数据。

可选地，在本实施例中，开放式接口可以通过数据库、文本、应用程序接口(applicationprograminterface，简称为api)等方式连入待显示数据。预设格式包括但不限于是json(javascriptobjectnotation)数据格式。

可选地，在本实施例汇总，源数据获取支持多种方式。可以通过jdbc(javadatabaseconnectivity)关系型数据库访问驱动程，获取数据库中存储的源数据。可以根据加载模块制定的csv(comma-separatedvalues)格式规范，将数据文件上传至指定目录。可以调用在线api接口，并接收返回的json数据。源数据的获取取决于用户的选择。前端js程序按照字段名为key值，字段值为value值的规则将数据转换成jsonarray对象格式，推送给数据处理程序模块。

在一个示例性实施例中，处理待显示数据，得到待显示数据的矩阵信息，包括：

s1，将待显示数据转换为与客户信息的类别对应的矩阵信息，其中，矩阵信息用于表示客户信息的变化情况。

可选地，在本实施例中，在待显示数据包括客户数量、客户增量、迁入\迁出客户数量的情况下，将json格式的待显示数据处理成协同客户增量矩阵、协同客户总量矩阵、协同客户迁徙矩阵。

协同客户增量矩阵是一个n*x动态二维矩阵，n表示企业数量，x表示最新数据的月度数，最小值为1，最大值为12。即5家企业8月份协同客户增量矩阵，是一个5*8的矩阵。

协同客户总量矩阵是一个1*n的的矩阵，n表示企业数量。协同客户迁徙矩阵是一个n*n的矩阵，n表示企业数量，当行数等于列数时，数值为0。即5家企业的8月份协同客户迁徙矩阵是一个5*5的矩阵a，a[0,1]表示8月份企业1向企业0迁入的客户数量。假设i表示矩阵的行，j表示矩阵的列，当i等于j时，a[i,j]恒等于0。三个矩阵分别用于表示各个企业的同一时间跨度中的协同客户增长数量，协同客户总量，以及各企业两两间客户迁徙数量。

在一个示例性实施例中，生成矩阵信息的可视化组件，包括：

s1，确定矩阵信息的类别，其中，矩阵信息的类别对应于客户信息的类别；

s1，确定与矩阵信息的类别对应的参数信息；

s1，基于矩阵信息的类别和参数信息生成可视化组件。

可选地，在本实施例中，可视化组件生成具体指根据数据处理结果，生成对应的可视化组件，参数信息包括颜色、位置、大小，高度等。

可选地，在本实施例中，在待显示数据包括客户数量、客户增量、迁入\迁出客户数量的情况下，可视化组件的生成包括以下步骤：

步骤一，生成协同客户总量环形区域。环形区域生成需要6个参数：圆形坐标s、内环半径r1、外环半径r1，协同客户总量矩阵最大值m1，圆环间距g，企业数n。坐标s决定了可视化组件在页面中的位置，r1为可调节参数，决定了基础可视化区域的大小。r1为可调节参数，决定了总量环形区域的外边界。n决定了圆环分割数量。n和g共同决定了每段圆环的弧度，具体计算方法为((π*2)-g*n)/n。企业协同客户总量的数值决定了每段圆环的实际外环半径，具体计算方法为(r1-r1)*0.95*(当前企业协同客户总量)/m1，0.95为计算常量，即协同客户总量最大的企业对应的圆环外半径值为(r1-r1)*0.95。

步骤二，生成协同客户增量环形柱区域。扇形柱区域生成需要5个参数，圆心坐标s1(同步骤一)，内环半径r2，外环半径r2，月度数x，协同客户增量矩阵最大值矩阵m2，m2为1*n大小的矩阵，m2[i]表示第i家企业在x个月中的协同客户增量的最大值。每个企业对应的环形柱区域的起始、终止弧度，和每个企业对应的协同客户总量环形区域起始、终止弧度相同。r2决定了环形柱的内环半径，计算方法为(r1*1.02)，1.02为计算常量，决定了环形柱区域和协同总量环形区域的间距。r2为可调节参数，决定了环形柱区域的高度上限。x决定了每个企业对应环形柱的数量，表示不同的月份，最小值为1，最大值为12。扇形柱的实际高度表示当前企业在某月份的协同客户增量数据，计算方法为r2*0.95*(第i家企业x月协同客户增量)/m2[i]。

步骤三，生成客户迁徙线条。客户迁徙线条生成需要5个参数，协同客户迁徙矩阵a，起点坐标s2，终点坐标矩阵s3。线条的起点s2位于客户迁徙来源企业总量环形区域，计算方法为(来源企业总量环形起始弧度+来源企业总量环形终止弧度)/2。线条终点位于客户迁徙目标企业总量环形区域，位置由目标企业迁入客户总量，和当前来源企业迁出客户数量共同决定。假设a为5*5的矩阵，a[0,1]＝1000,表示在当前月份，第2家企业向第1家企业迁出的客户量为1000。假设第1家企业协同客户总量环形起始弧度为p1，终止弧度为p2，第1家企业的迁入客户量为x，则第2家企业到第1家企业的客户迁徙线条终点的范围确定方法是：起点位置p3＝p1+(a[0,0]/x)*(p2-p1)，终止位置p4＝p3+(a[0,1]/x)*(p2-p1)，终点间隔g1＝(p4-p3)/a[0,1]。即第2家企业到第1家企业的客户迁徙线条终点矩阵，是由g1在p3和p4之间分割得到的。

在一个示例性实施例中，渲染可视化组件，以在可视化组件中显示客户信息，包括：

s1，通过渲染引擎渲染与客户信息对应的可视化组件的属性，其中，可视化组件的属性包括以下至少之一：颜色、动画；

s2，在可视化组件中显示客户信息。

可选地，可视化组件渲染是具体指利用webgl技术对生成的组件进行渲染，最终在浏览器中实现可视化展示。例如，可视化组件生成以后，会在webgl渲染引擎的处理下形成具有代表意义的颜色、动画效果，完成最终的可视化展示。例如只显示当前企业的协同客户增量环形柱和协同客户迁徙线条等具体规则。

下面结合具体实施例对本发明进行说明：

本实施例提供了一种基于webgl技术的的客户迁徙数据智慧大屏可视化方法，结合超文件标记语言(hypertextmarkuplanguage，简称为html5)的开源性和跨平台性实现客户迁徙数据的自适应、跨平台展示，降低开发和使用成本，使用web图形库(webgraphicslibrary，简称为webgl)渲染技术实现可视化效果渲染，降低渲染、维护和升级的成本。对基本的图表展示进行组合、优化和改造，实现客户迁徙数据的直观展示。

如图3所示，客户迁徙数据可视化流程包括以下步骤：

s301：数据加载，数据加载具体指从数据源获取需要展示的客户迁徙数据，以json格式推送给负责数据处理的程序模块。源数据获取支持多种方式。可以通过jdbc关系型数据库访问驱动程，获取数据库中存储的源数据。可以根据加载模块制定的csv格式规范，将数据文件上传至指定目录。可以调用在线api接口，并接收返回json数据。源数据的获取取决于用户的选择。前端js程序按照字段名为key值，字段值为value值的规则将数据转换成jsonarray对象格式，推送给数据处理程序模块。

s302：数据处理，具体指根据源数据进行计算，计算内容包括各企业协同客户数求和、来源企业迁出客户数在目标企业迁入客户数中占比，并确定可视化组件生成必需的重要参数值及信息矩阵。分别将各企业对应的客户迁徙数据、协同客户增长数据处理成用于可视化的格式。

s303：可视化组件生成，可视化组件生成具体指根据数据处理结果，生成对应的可视化组件，包括颜色、位置、大小，高度等相关属性的确定。

s304：可视化组件渲染，可视化组件渲染是具体指利用webgl技术对生成的组件进行渲染，最终在浏览器中实现可视化展示。

如图4、图5所示，本实施例基于弦图提供了一种用于展示客户迁徙数据的可视化图形方案。其中001代表当前企业在当前时间跨度中的协同客户增长情况，高度代表数值。高度值越大，表示当前时间单位内协同客户增量越大，反之亦然。

002代表当前企业的协同客户总量，扇形区域的高度代表数值。高度越大，表示当前企业的协同客户总量越大，反之依然。

003代表当前企业与其他各企业之间的迁入/迁出客户数量，起始位置位于扇形区域内环的中点。当前企业为起点时，表示迁出数量。当企业为终点时，表示迁入数量。

综上所述，本实施例基于webgl技术的金控集团客户迁徙数据智慧大屏可视化方案。其特点为bs架构模式，基于webgl渲染，面向金控集团客户迁徙的业务场景，以智慧大屏为展示载体。具有成本低，跨平台，自适应性等优点。同时针对金控集团客户迁徙数据提出了一种全新的可视化设计方案。数据加载支持开放式接口，允许多种输入。数据处理将接入的数据处理成用于展示的信息矩阵。可视化组件生成，是按照针全新的设计方案和数据的实际情况动态生成组件。

通过以上的实施方式的描述，本领域的技术人员可以清楚地了解到根据上述实施例的方法可借助软件加必需的通用硬件平台的方式来实现，当然也可以通过硬件，但很多情况下前者是更佳的实施方式。基于这样的理解，本发明的技术方案本质上或者说对现有技术做出贡献的部分可以以软件产品的形式体现出来，该计算机软件产品存储在一个存储介质(如rom/ram、磁碟、光盘)中，包括若干指令用以使得一台终端设备(可以是手机，计算机，服务器，或者网络设备等)执行本发明各个实施例所述的方法。

在本实施例中还提供了一种客户信息的显示装置，该装置用于实现上述实施例及优选实施方式，已经进行过说明的不再赘述。如以下所使用的，术语“模块”可以实现预定功能的软件和/或硬件的组合。尽管以下实施例所描述的装置较佳地以软件来实现，但是硬件，或者软件和硬件的组合的实现也是可能并被构想的。

图6是根据本发明实施例的客户信息的显示装置的结构框图，如图6所示，该装置包括：

第一确定模块62，用于确定获取的待显示数据，其中，待显示数据中包括客户信息，待显示数据的数据格式是预设格式；

第一处理模块64，用于处理待显示数据，得到待显示数据的矩阵信息；

第一生成模块66，用于生成矩阵信息的可视化组件；

第一渲染模块68，用于渲染可视化组件，以在可视化组件中显示客户信息。

在一个示例性实施例中，上述第一确定模块，包括：

第一获取单元，用于通过开放式接口并基于用户的获取指令在数据库中获取源数据；

第一转换单元，用于按照上述源数据的字段名和字段值将上述源数据转换为上述预设格式的数据，得到上述待显示数据。

在一个示例性实施例中，上述第一处理模块，包括：

第二转换模块，用于将上述待显示数据转换为与上述客户信息的类别对应的矩阵信息，其中，上述矩阵信息用于表示上述客户信息的变化情况。

在一个示例性实施例中，上述第一生成模块，包括：

第一确定单元，用于确定上述矩阵信息的类别，其中，上述矩阵信息的类别对应于上述客户信息的类别；

第二确定单元，用于确定与上述矩阵信息的类别对应的参数信息；

第一生成单元，用于基于上述矩阵信息的类别和上述参数信息生成上述可视化组件。

在一个示例性实施例中，上述第一渲染模块，包括：

第一渲染单元，用于通过渲染引擎渲染与上述客户信息对应的上述可视化组件的属性，其中，上述可视化组件的属性包括以下至少之一：颜色、动画；

第一显示单元，用于在上述可视化组件中显示上述客户信息。

需要说明的是，上述各个模块是可以通过软件或硬件来实现的，对于后者，可以通过以下方式实现，但不限于此：上述模块均位于同一处理器中；或者，上述各个模块以任意组合的形式分别位于不同的处理器中。

本发明的实施例还提供了一种计算机可读存储介质，该计算机可读存储介质中存储有计算机程序，其中，该计算机程序被设置为运行时执行上述任一项方法实施例中的步骤。

在本实施例中，上述计算机可读存储介质可以被设置为存储用于执行以下步骤的计算机程序：

s1，确定获取的待显示数据，其中，待显示数据中包括客户信息，待显示数据的数据格式是预设格式；

s2，处理待显示数据，得到待显示数据的矩阵信息；

s3，生成矩阵信息的可视化组件；

s4，渲染可视化组件，以在可视化组件中显示客户信息。

在一个示例性实施例中，上述计算机可读存储介质可以包括但不限于：u盘、只读存储器(read-onlymemory，简称为rom)、随机存取存储器(randomaccessmemory，简称为ram)、移动硬盘、磁碟或者光盘等各种可以存储计算机程序的介质。

本发明的实施例还提供了一种电子装置，包括存储器和处理器，该存储器中存储有计算机程序，该处理器被设置为运行计算机程序以执行上述任一项方法实施例中的步骤。

在一个示例性实施例中，上述电子装置还可以包括传输设备以及输入输出设备，其中，该传输设备和上述处理器连接，该输入输出设备和上述处理器连接。

在一个示例性实施例中，上述处理器可以被设置为通过计算机程序执行以下步骤：

s1，确定获取的待显示数据，其中，待显示数据中包括客户信息，待显示数据的数据格式是预设格式；

s2，处理待显示数据，得到待显示数据的矩阵信息；

s3，生成矩阵信息的可视化组件；

s4，渲染可视化组件，以在可视化组件中显示客户信息。

本实施例中的具体示例可以参考上述实施例及示例性实施方式中所描述的示例，本实施例在此不再赘述。

显然，本领域的技术人员应该明白，上述的本发明的各模块或各步骤可以用通用的计算装置来实现，它们可以集中在单个的计算装置上，或者分布在多个计算装置所组成的网络上，它们可以用计算装置可执行的程序代码来实现，从而，可以将它们存储在存储装置中由计算装置来执行，并且在某些情况下，可以以不同于此处的顺序执行所示出或描述的步骤，或者将它们分别制作成各个集成电路模块，或者将它们中的多个模块或步骤制作成单个集成电路模块来实现。这样，本发明不限制于任何特定的硬件和软件结合。

以上所述仅为本发明的优选实施例而已，并不用于限制本发明，对于本领域的技术人员来说，本发明可以有各种更改和变化。凡在本发明的原则之内，所作的任何修改、等同替换、改进等，均应包含在本发明的保护范围之内。