CN104090769A - 一种业务数据的图形展示方法和装置 - Google Patents

Abstract

本发明实施例公开了一种业务数据的图形展示方法和装置。所述方法包括：根据待展示业务数据的数据类型，对待展示业务数据进行分类；根据预设的图形组件格式，设置与分类后的待展示业务数据对应的展示图形组件；对所述展示图形组件进行布局展示。本发明解决了现有技术中的计算机客户端软件需要人为安装，且不能及时的更新与服务器同步的版本；浏览器插件技术门槛高，不方便普通用户操作，且用户使用不同的计算机或不同的浏览器时都需要重新下载安装插件，极大的浪费了用户的时间的技术问题，优化了现有的业务数据的展示方法，满足了人们日益增长的便捷化、个性化需求。

Description

一种业务数据的图形展示方法和装置

技术领域

本发明实施例涉及计算机技术，尤其涉及一种业务数据的图形展示方法和装置。

背景技术

浏览器作为互联网信息的主要载体，在这个信息共享的时代，越来越被用户接受和使用，因此，基于浏览器开发的互联网应用也逐步取代传统的计算机软件，成为软件开发领域的重要组成部分，同时，随着互联网技术的发展，浏览器需要呈现的信息也越来越丰富，可视化图形与普通的文本和数据表格相比，更能直观的表示数据的关系。

在许多业务领域，例如金融行业领域，金融业务数据中包含了大量的交互信息，这类信息经过汇总统计分析后，最直观的呈现方式是通过网络拓扑图的方式表现出来。在现有技术中，上述的网络拓扑图是采用计算机客户端软件或者浏览器插件的方式来实现的，这两类实现方式的主要缺陷在于：计算机客户端软件需要人为安装，且不能及时的更新与服务器同步的版本；浏览器插件技术门槛高，不方便普通用户操作，且用户使用不同的计算机或不同的浏览器时都需要重新下载安装插件，极大的浪费了用户的时间。

发明内容

有鉴于此，本发明实施例提供一种业务数据的图形展示方法和装置，以优化现有的业务数据的展示方法，以满足人们日益增长的便捷化、个性化需求。

在第一方面，本发明实施例提供了一种业务数据的图形展示方法，包括：

根据待展示业务数据的数据类型，对待展示业务数据进行分类；

根据预设的图形组件格式，设置与分类后的待展示业务数据对应的展示图形组件；

对所述展示图形组件进行布局展示。

在第二方面，本发明实施例提供了一种业务数据的图形展示装置，包括：

业务数据分类单元，用于根据待展示业务数据的数据类型，对待展示业务数据进行分类；

展示图形组件设置单元，用于根据预设的图形组件格式，设置与分类后的待展示业务数据对应的展示图形组件；

布局展示单元，用于对所述展示图形组件进行布局展示。

本发明实施例通过根据待展示业务数据的数据类型，对待展示业务数据进行分类；根据预设的图形组件格式，设置与分类后的待展示业务数据对应的展示图形组件；对所述展示图形组件进行布局展示的技术手段，解决了现有的业务数据的展示方法中的计算机客户端软件需要人为安装，且不能及时的更新与服务器同步的版本；浏览器插件技术门槛高，不方便普通用户操作，且用户使用不同的计算机或不同的浏览器时都需要重新下载安装插件，极大的浪费了用户的时间的技术问题，优化了现有的业务数据的展示方法，满足了人们日益增长的便捷化、个性化需求。

附图说明

图1是本发明第一实施例的一种业务数据的图形展示方法的流程图；

图2是本发明第一实施例的一种业务数据的图形显示结果的显示示意图；

图3是本发明第二实施例的一种业务数据的图形展示方法的流程图；

图4是本发明第三实施例的一种业务数据的图形展示方法的流程图；

图5是本发明第三实施例的一种根据节点组件的权重值调整节点组件间的相对位置的示意图；

图6是本发明第四实施例的一种根据显示画布中心点位置，调整节点组件与显示画布中心点的相对位置的示意图；

图7是本发明第四实施例的一种业务数据的图形展示装置的结构图。

具体实施方式

为了使本发明的目的、技术方案和优点更加清楚，下面结合附图对本发明具体实施例作进一步的详细描述。可以理解的是，此处所描述的具体实施例仅仅用于解释本发明，而非对本发明的限定。另外还需要说明的是，为了便于描述，附图中仅示出了与本发明相关的部分而非全部内容。

为了解决背景技术中提出的问题，需要通过图形展示的方式来展示业务数据。在本发明各实施例中，使用SVG(Scalable Vector Graphics，可缩放矢量图形)对业务数据进行图形展示。

SVG是基于XML(eXtensible Markup Language，可扩展标记语言)的，用于描述二维矢量图形的一种图形格式。它是W3C(World Wide Web Consortium，国际互联网标准组织)在2000年8月制定的一种新的二维矢量图形格式，也是规范中的网络矢量图形标准。SVG严格遵从XML语法，并用文本格式的描述性语言来描述图像内容，因此是一种和图像分辨率无关的矢量图形格式。SVG用于在浏览器端绘制可伸缩的矢量图形，目前主流的浏览器版本都已支持该标准。

第一实施例

图1是本发明第一实施例的一种业务数据的图形展示方法的流程图，本实施例的方法可以由业务数据的图形展示装置来执行，该装置可通过硬件和/或软件的方式实现，并集成于浏览器所在的终端设备中与浏览器配合实现，或作为浏览器的子程序。本实施例的方法具体包括如下步骤：

步骤110、根据待展示业务数据的数据类型，对待展示业务数据进行分类。

在本实施例中，浏览器根据待展示业务数据的数据类型，对待展示业务数据进行分类。

在本实施例的一个优选的实施方式中，待展示业务数据为金融业务数据，一条待展示业务数据可以用于表示一条交易记录。所述待展示业务数据包括：交易账号信息和至少一个与交易记录对应的交易参数。

其中，所述交易账号信息包括：

汇款方的交易账号和收款方的交易账号，或者；

汇款方的交易账号、汇款方的交易账号的用户名、收款方的交易账号和收款方的交易账号的用户名；

所述交易参数包括下述至少一项：交易金额和交易时间。

举例而言，一条待展示业务数据具体包括：汇款方的交易账号：C001；汇款方的交易账号的用户名：张三；收款方的交易账号：C002；收款方的交易账号的用户名：李四；交易金额：10000元；交易时间：2014-01-01 01:01:01。

在图2中示出了针对这一条待展示业务数据的图形显示结果。如图2所示，如果以图形的方式显示交易数据，需要首先根据待展示业务数据来确定节点和连线，以及与节点和连线对应的信息，进而可以实现待展示业务数据的图形展示。

在本实施例的一个优选的实施方式中，可以获取所述待展示业务数据中的交易账号信息作为节点数据；获取所述待展示业务数据中的交易金额流向和交易参数作为连线数据。

其中，所述交易金额流向用于指明所述待展示业务数据中的汇款方和收款方。

进一步的，为了使得图形展示结果尽可能的简介、清楚，相同的交易账号信息使用同一个节点来表示，汇款方和收款方同时相等的多条交易记录使用同一连线表示，在该连线内部可以记录上述多条交易记录的详细信息。

在本实施例中，可以通过下述逻辑代码来实现对待展示业务数据进行分类。

通过使用上述逻辑代码对待展示业务数据进行循环遍历，可以分别得到与节点数据和连线数据对应的数组。

以如下所示的待展示业务数据为例：

经过运算后得到以下与节点数据和连线数据对应的数组：

上述结果表示了四个节点数据和五条连线数据。

当然，本领域技术人员可以理解的是，还可以采用其他的方式来对待展示业务数据进行分类，对此并不限定。

步骤120、根据预设的图形组件格式，设置与分类后的待展示业务数据对应的展示图形组件。

在本实施例中，浏览器根据预设的图形组件格式，设置与分类后的待展示业务数据对应的展示图形组件。

在本实施例中，浏览器使用SVG元素来设置图形组件格式。

具体的，由于在展示待展示业务数据时需要展示的图形包括节点和连线，所以，在本实施例的优选实施方式中，使用一组SVG基本元素来描述网络图的两种基本组件：节点组件和连线组件，使用不同的元素来表示组件的不同属性，最后使用一个分组来统一包含这些元素，用来表示一个组件。

具体的，节点组件基本的可视化信息包括：节点组件的背景(为了凸显鼠标选择前后的变化)、节点组件的图标和节点组件的名称，为表现这三个不同的节点属性，分别使用SVG的circle元素表示节点组件的背景，使用SVG的image元素表示节点组件的图标，使用SVG的text元素表示节点组件的名称(当节点组件名称的信息较为丰富时，使用嵌套的tspan元素分别进行渲染)，最后，使用SVG的g元素统一包含这些基本元素，来表示一个节点组件。

SVG采用标准的XML文档格式，因此一个节点组件的SVG结构在HTML文档中表示为：

<g>

<circle></circle>

<image></image>

<text>

<tspan></tspan>

</text>

</g>

相类似的，连线组件基本的可视化信息包括：连线本身和连线箭头，连线又分为直线和曲线。

为了能同时表示直线和曲线，使用SVG的path元素表示连线本身。而表示箭头则没有直接可用的SVG元素，由于path元素可用于绘制任意形状的图形，因此可以使用path元素绘制一个三角形来表示箭头，将其作为连线的尾部标记添加到连线的末端。连线的箭头是通用的，只需要定义一次。因此，连线组件相关的结构在HTML文档中表示为：

<g>

<path></path>

</g>

<marker>

<path></path>

</marker>

在本实施例中，通过将与待展示业务数据对应的节点数据或者连线数据，封装与上述预设的SVG的图形组件对应的节点格式的组件或者连线格式的组件内，即可完成对分类后的待展示业务数据对应的展示图形组件的设置。

在本实施例中，浏览器可以直接根据待展示业务数据来设置对应的展示图形组件，浏览器也可以根据待展示业务数据来修改之前已经设置好的原始图形组件，进而得到与分类后的待展示业务数据对应的展示图形组件，对此并不限定。

步骤130、对所述展示图形组件进行布局展示。

在本实施例中，浏览器对所述展示图形组件进行布局显示。

其中，所述布局显示主要包括：对各个节点组件进行布局，之后通过将各个节点组件进行连线，以实现对所述展示图形组件进行布局显示。

一般来说，初始时，节点组件的位置是未知的。浏览器可以通过按照预定的间距依次将各个节点组件布置在显示画布中的方式来进行节点布局；也可以通过为每一个节点组件随机分配一个位置，然后通过后续的布局算法，使其逐步调整到合适的画布位置中进行显示的方式来进行布局，对此并不限定。

本发明实施例通过根据待展示业务数据的数据类型，对待展示业务数据进行分类；根据预设的图形组件格式，设置与分类后的待展示业务数据对应的展示图形组件；对所述展示图形组件进行布局展示的技术手段，解决了现有的业务数据的展示方法中的计算机客户端软件需要人为安装，且不能及时的更新与服务器同步的版本；浏览器插件技术门槛高，不方便普通用户操作，且用户使用不同的计算机或不同的浏览器时都需要重新下载安装插件，极大的浪费了用户的时间的技术问题，优化了现有的业务数据的展示方法，满足了人们日益增长的便捷化、个性化需求。

第二实施例

图3是本发明第二实施例的一种业务数据的图形显示方法的流程图。本实施例以上述实施例为基础进行优化，在本实施例中，优选的将步骤根据预设的图形组件格式，设置与分类后的待展示业务数据对应的展示图形组件优化为：根据数据映射模型和所述分类后的待展示业务数据，对已分类业务数据进行分类标记，其中，所述已分类业务数据包括：所述分类后的待展示业务数据和原始分类业务数据，所述原始分类业务数据中包括0条、1条或者多条数据；根据分类标记类型和预设的图形组件格式，对与所述原始分类业务数据对应的原始优选的将步骤图形组件进行设置，生成与所述分类后的待展示业务数据对应的展示图形组件；

优选的将步骤根据数据映射模型和所述分类后的待展示业务数据，对已分类业务数据进行分类标记优化为：根据所述数据映射模型和所述分类后的待展示业务数据，确定所述已分类业务数据的操作类型，其中，所述操作类型包括：新增、更新或者删除；根据确定的所述操作类型，将所述已分类业务数据进行分类标记；

优选的将步骤根据分类标记类型和预设的图形组件格式，对与所述原始分类业务数据对应的原始图形组件进行设置，生成与所述分类后的待展示业务数据对应的展示图形组件优化为：如果确定所述已分类业务数据的操作类型为新增类型，按照预设的图形组件格式，在所述原始图形组件中，添加与所述已分类业务数据对应的新增图形组件；如果确定所述已分类业务数据的操作类型为更新类型，更新与所述更新类型的已分类业务数据对应的原始图形组件的业务数据；如果确定所述已分类业务数据的操作类型为删除类型，删除与所述删除类型的已分类业务数据对应的原始图形组件。

相应的，本实施例的方法包括如下步骤：

步骤310、根据待展示业务数据的数据类型，对待展示业务数据进行分类。

步骤320、根据数据映射模型和所述分类后的待展示业务数据，确定所述已分类业务数据的操作类型。

在本实施例中，浏览器根据数据映射模型和所述分类后的待展示业务数据，确定所述已分类业务数据的操作类型。

其中，如果当前输入的待展示业务数据全部为新数据时，可以直接根据所述待展示业务数据来生成对应的展示图形组件。但是，在实际应用中，往往用户当前输入的待展示业务数据可能仅仅是对前次输入的待展示业务数据的基础上进行的改进，例如，增添了新的交易记录、更新了原有的交易记录或者删除了原有的交易记录等，此时，如果直接根据当前输入的待展示业务数据来重新生成展示图形组件，会导致展示画面变化突兀、不连贯，同时也降低了生成展示控件的效率，有效性差。

为了解决上述问题，在本实施例中，首先根据数据映射模型和所述分类后的待展示业务数据，确定所述已分类业务数据的操作类型。

其中，所述已分类业务数据包括：所述分类后的待展示业务数据和原始分类业务数据，所述原始分类业务数据中包括0条、1条或者多条数据。

在本实施例中，原始分类业务数据具体是指在输入当前待展示业务数据之前输入的待展示业务数据进行分类后的分类业务数据。原始分类业务数据与原始图形组件相对应。

其中，通过对原始分类业务数据和分类后的待展示业务数据进行比对，可以确定分类后的待展示业务数据是在原始分类业务数据的基础上，做了何种改进：

如果待展示业务数据包括了原始分类业务数据中不包括的数据，该数据为新增数据，需要为该新增数据建立一个新增展示图形组件；

如果原始分类业务数据包括了待展示业务数据中不包括的数据，该数据为删除数据，需要删除与该数据对应的原始展示图形控件；

如果待展示业务数据和原始分类业务数据均包括同样一条数据，但是该数据的数据内容发生了变化，该数据为更新数据，需要使用待展示业务数据中的数据内容，替换与该数据对应的原始展示图形控件中的数据内容。

在本实施例中，可以通过数据映射模型来实现对原始分类业务数据和分类后的待展示业务数据进行比对，以确定已分类业务数据的操作类型。

具体的，所述数据映射模型可以通过预设的逻辑代码来实现，该逻辑代码如下所示：

通过使用此数据映射模型循环遍历原始分类业务数据和分类后的待展示业务数据，可以确定已分类业务数据的操作类型。

当然，还可以采用其他的方式来确定已分类业务数据的操作类型，对此并不限定。

步骤330、根据确定的所述操作类型，将所述已分类业务数据进行分类标记。

分类标记后，对于新增的数据，浏览器为每条数据在界面中添加一个相应的展示图形组件，例如，新增一个账号，则添加一个节点组件，新增一条交易方向，则添加一条连线组件；对于更新的数据，则使用新的数据表示原有的展示图形组件；对于删除的数据，则删除原有的展示图形组件。

特别的，对于第一次显示的业务数据，其状态全部为新增数据。

步骤340、获取一条已分类业务数据。

步骤350、判断所述已分类业务数据的操作类型是否为新增类型：若是，执行步骤360；否则，执行步骤370。

步骤360、按照预设的图形组件格式，在所述原始图形组件中，添加与所述已分类业务数据对应的新增图形组件，执行步骤3110。

步骤370、判断所述已分类业务数据的操作类型是否为更新类型：若是，执行步骤380；否则，执行步骤390。

步骤380、更新与所述更新类型的已分类业务数据对应的原始图形组件的业务数据，执行步骤3110。

步骤390、判断所述已分类业务数据的操作类型是否为删除类型：若是，执行步骤3100；否则，执行步骤3110。

步骤3100、删除与所述删除类型的已分类业务数据对应的原始图形组件，执行步骤3110。

步骤3110、判断是否获取了最后一条已分类业务数据：若是，执行步骤3120；否则，返回步骤340。

步骤3120、对所述展示图形组件进行布局展示。

本发明实施例通过根据待展示业务数据的数据类型，对待展示业务数据进行分类；根据预设的图形组件格式，设置与分类后的待展示业务数据对应的展示图形组件；对所述展示图形组件进行布局展示的技术手段，解决了现有的业务数据的展示方法中的计算机客户端软件需要人为安装，且不能及时的更新与服务器同步的版本；浏览器插件技术门槛高，不方便普通用户操作，且用户使用不同的计算机或不同的浏览器时都需要重新下载安装插件，极大的浪费了用户的时间的技术问题，优化了现有的业务数据的展示方法，满足了人们日益增长的便捷化、个性化需求。

第三实施例

图4是本发明第三实施例的一种业务数据的图形展示方法的流程图。本实施例以上述实施例为基础进行优化，在本实施例中，优选的将步骤对所述展示图形组件进行布局展示优化为：获取与所述展示图形组件对应的节点组件和连线组件，其中，所述节点组件中包括节点数据，所述连线组件中包括连线数据；按照预设的布局算法，将所述节点组件和所述连线组件在显示画布中进行展示；

优选的将步骤按照预设的布局算法，将所述节点组件和连线组件在显示画布中进行展示优化为：随机指定所述节点组件在显示画布中的位置；根据节点组件的权重值调整节点组件间的相对位置，其中，所述节点组件的权重值与通过所述节点组件的连线组件相关联；根据显示画布中心点位置，调整节点组件与所述显示画布中心点之间的相对位置；如果节点组件间的距离值与预设的基准距离值之间满足预设的阈值条件，将所述节点组件和所述连线组件在显示画布中进行显示。

相应的，本实施例的方法包括如下步骤：

步骤410、根据待展示业务数据的数据类型，对待展示业务数据进行分类。

在本实施例的一个优选的实施方式中，待展示业务数据为金融业务数据，一条待展示业务数据可以用于表示一条交易记录。显然，一条交易记录中至少包括两个节点数据和一条连线数据。

在本实施例中，可以包括一条或者多条待展示业务数据，并且对待展示业务数据进行分类后，至少包括两个节点数据和一条连线数据。

步骤420、根据预设的图形组件格式，设置与分类后的待展示业务数据对应的展示图形组件。

在本实施例中，每一个节点数据或者每一条连线数据对应一个展示图形组件。

步骤430、获取与所述展示图形组件对应的节点组件和连线组件。

在本实施例中，浏览器获取与所述展示图形组件对应的节点组件和连线组件。其中，所述节点组件中包括节点数据，所述连线组件中包括连线数据。

步骤440、随机指定所述节点组件在显示画布中的位置。

在本实施例中，浏览器通过随机分配的方式，指定节点组件在显示画布中的初始位置，这样设置的好处是：实现简单，有效性高，实际显示效果好。

其中，所述显示画布具体为显示所述展示图形组件的图层。

在本实施例的一个优选的实施方式中，可以使用下述逻辑代码来随机指定所述节点组件在显示画布中的位置。

步骤450、根据节点组件的权重值调整节点间的相对位置。

在本实施例中，浏览器在为节点组件随机指定显示位置后，浏览器根据节点组件的权重值进行位置调整，以调整节点组件间的相对位置。

在本实施例中，所述节点组件的权重值与通过所述节点组件的连线组件相关联，通过一个节点组件的连线组件越多，该节点组件的权重值越大。

在一个具体例子中，一个节点组件的计算方法如下：

将节点组件中的节点数据在连线组件中出现的次数，作为该节点组件的权重值。该权重值表示了与一个节点组件相邻的节点组件的个数，权重值大的节点组件在计算位置时具有更大的重心值，移动的更加缓慢，权重值小的节点组件重心值越小，移动的越快。采用这种算法的好处是：节点组件间相互移动的距离的比例更符合人们观察日常事物的常识习惯，即权重值小(相邻节点少，节点分布松散)的节点组件向权重值大(相邻节点多，节点分布密集)的节点组件靠拢。具体的，其实现的主要逻辑如下：

以两个节点组件之间的相对位置的调整为例，如果两个节点组件之间的距离大于预设的基准距离值，则根据两个节点组件各自的权重值所占的比例，向显示画布中心点移动。

其中，在图5中示出了一种根据节点组件的权重值调整节点组件间的相对位置的示意图。如图5所示，节点组件张三的权重值大，节点组件李四的权重值小，则节点组件张三向显示画布中心点移动较小的距离，而节点组件李四向显示画布中心点移动较大的距离。

同样，如果两个节点组件之间的距离小于预设的基准距离值，则根据各自的权重值所占的比例，向中心点反向移动。

具体的，其实现的主要逻辑如下：

步骤460、根据显示画布中心点位置，调整节点组件与所述显示画布中心点之间的相对位置。

可以理解的是，如果只是调整节点组件间的相对位置还不能保证界面布局的整体效果，因为节点组件位置初始化分配时的随机性，它们可能都集中分布在显示画布的一个区域内，因此，在调整两两节点组件相对位置的同时，还需要考虑节点组件与显示画布中心点的相对位置，也就是说，让所有的节点组件都向显示画布中心点靠拢，避免节点组件全部集中在显示画布的一角。

在图6中示出了一种根据显示画布中心点位置，调整节点组件与显示画布中心点的相对位置的示意图。如图6所示，在计算出显示画布中心点的位置后，将所有节点都向该中心点位置移动一定的距离。

具体的，其实现的主要逻辑如下：

步骤470、判断节点组件间的距离值与预设的基准距离值之间是否满足预设的阈值条件：若是，执行步骤480；否则，返回步骤450。

在本实施例中，浏览器循环执行上述节点组件位置调整的两种算法代码，最后使节点组件间的距离与预设的基准距离值之间的差值缩小在一定的误差内，并趋于稳定，则完成了对节点组件位置的调整。

步骤480、将所述节点组件和所述连线组件在显示画布中进行显示。

本发明实施例通过根据待展示业务数据的数据类型，对待展示业务数据进行分类；根据预设的图形组件格式，设置与分类后的待展示业务数据对应的展示图形组件；对所述展示图形组件进行布局展示的技术手段，解决了现有的业务数据的展示方法中的计算机客户端软件需要人为安装，且不能及时的更新与服务器同步的版本；浏览器插件技术门槛高，不方便普通用户操作，且用户使用不同的计算机或不同的浏览器时都需要重新下载安装插件，极大的浪费了用户的时间的技术问题，优化了现有的业务数据的展示方法，满足了人们日益增长的便捷化、个性化需求。

第四实施例

在图7中示出了本发明第四实施例的一种业务数据的图形展示装置的结构图。如图7所示，所述装置包括：

业务数据分类单元71，用于根据待展示业务数据的数据类型，对待展示业务数据进行分类。

展示图形组件设置单元72，用于根据预设的图形组件格式，设置与分类后的待展示业务数据对应的展示图形组件。

布局展示单元73，用于对所述展示图形组件进行布局展示。

本发明实施例通过根据待展示业务数据的数据类型，对待展示业务数据进行分类；根据预设的图形组件格式，设置与分类后的待展示业务数据对应的展示图形组件；对所述展示图形组件进行布局展示的技术手段，解决了现有的业务数据的展示方法中的计算机客户端软件需要人为安装，且不能及时的更新与服务器同步的版本；浏览器插件技术门槛高，不方便普通用户操作，且用户使用不同的计算机或不同的浏览器时都需要重新下载安装插件，极大的浪费了用户的时间的技术问题，优化了现有的业务数据的展示方法，满足了人们日益增长的便捷化、个性化需求。

本发明实施例所提供的业务数据的图形展示装置可用于执行本发明任意实施例提供的业务数据的图形展示方法，具备相应的功能模块，实现相同的有益效果。

显然，本领域技术人员应该明白，上述的本发明的各模块或各步骤可以通过如上所述的服务器实施。可选地，本发明实施例可以用计算机装置可执行的程序来实现，从而可以将它们存储在存储装置中由处理器来执行，所述的程序可以存储于一种计算机可读存储介质中，上述提到的存储介质可以是只读存储器，磁盘或光盘等；或者将它们分别制作成各个集成电路模块，或者将它们中的多个模块或步骤制作成单个集成电路模块来实现。这样，本发明不限制于任何特定的硬件和软件的结合。

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

Claims (10)

1.一种业务数据的图形展示方法，其特征在于，包括：

根据待展示业务数据的数据类型，对待展示业务数据进行分类；

根据预设的图形组件格式，设置与分类后的待展示业务数据对应的展示图形组件；

对所述展示图形组件进行布局展示。

2.根据权利要求1所述的方法，其特征在于，根据预设的图形组件格式，设置与分类后的待展示业务数据对应的展示图形组件包括：

根据数据映射模型和所述分类后的待展示业务数据，对已分类业务数据进行分类标记，其中，所述已分类业务数据包括：所述分类后的待展示业务数据和原始分类业务数据，所述原始分类业务数据中包括0条、1条或者多条数据；

根据分类标记类型和预设的图形组件格式，对与所述原始分类业务数据对应的原始图形组件进行设置，生成与所述分类后的待展示业务数据对应的展示图形组件。

3.根据权利要求2所述的方法，其特征在于，所述待展示业务数据包括：交易账号信息和至少一个与交易记录对应的交易参数；根据待展示业务数据的数据类型，对待展示业务数据进行分类包括：

获取所述待展示业务数据中的交易账号信息作为节点数据；

获取所述待展示业务数据中的交易金额流向和交易参数作为连线数据；

其中，所述交易金额流向用于指明所述待展示业务数据中的汇款方和收款方。

4.根据权利要求3所述的方法，其特征在于，根据数据映射模型和所述分类后的待展示业务数据，对已分类业务数据进行分类标记包括：

根据所述数据映射模型和所述分类后的待展示业务数据，确定所述已分类业务数据的操作类型，其中，所述操作类型包括：新增、更新或者删除；

根据确定的所述操作类型，将所述已分类业务数据进行分类标记。

5.根据权利要求4所述的方法，其特征在于，根据分类标记类型和预设的图形组件格式，对与所述原始分类业务数据对应的原始图形组件进行设置，生成与所述分类后的待展示业务数据对应的展示图形组件包括：

如果确定所述已分类业务数据的操作类型为新增类型，按照预设的图形组件格式，在所述原始图形组件中，添加与所述已分类业务数据对应的新增图形组件；

如果确定所述已分类业务数据的操作类型为更新类型，更新与所述更新类型的已分类业务数据对应的原始图形组件的业务数据；

如果确定所述已分类业务数据的操作类型为删除类型，删除与所述删除类型的已分类业务数据对应的原始图形组件。

6.根据权利要求5所述的方法，其特征在于，对所述展示图形组件进行布局展示包括：

获取与所述展示图形组件对应的节点组件和连线组件，其中，所述节点组件中包括节点数据，所述连线组件中包括连线数据。

按照预设的布局算法，将所述节点组件和所述连线组件在显示画布中进行展示。

7.根据权利要求6所述的方法，其特征在于，按照预设的布局算法，将所述节点和连线在显示画布中进行展示包括：

随机指定所述节点组件在显示画布中的位置；

根据节点组件的权重值调整节点组件间的相对位置，其中，所述节点组件的权重值与通过所述节点组件的连线组件相关联；

根据显示画布中心点位置，调整节点组件与所述显示画布中心点之间的相对位置；

如果节点组件间的距离值与预设的基准距离值之间满足预设的阈值条件，将所述节点组件和所述连线组件在显示画布中进行显示。

8.根据权利要求3-7任一项所述的方法，其特征在于，

所述交易账号信息包括：

汇款方的交易账号和收款方的交易账号，或者；

汇款方的交易账号、汇款方的交易账号的用户名、收款方的交易账号和收款方的交易账号的用户名；

所述交易参数包括下述至少一项：

交易金额和交易时间。

9.根据权利要求1-7任一项所述的方法，其特征在于，所述展示图形组件为可伸缩矢量图形组件。

10.一种业务数据的图形展示装置，其特征在于，包括：

业务数据分类单元，用于根据待展示业务数据的数据类型，对待展示业务数据进行分类；

展示图形组件设置单元，用于根据预设的图形组件格式，设置与分类后的待展示业务数据对应的展示图形组件；

布局展示单元，用于对所述展示图形组件进行布局展示。