一种业务数据的图形展示方法和装置制造方法
【专利摘要】本发明实施例公开了一种业务数据的图形展示方法和装置。所述方法包括：根据待展示业务数据的数据类型，对待展示业务数据进行分类；根据预设的图形组件格式，设置与分类后的待展示业务数据对应的展示图形组件；对所述展示图形组件进行布局展示。本发明解决了现有技术中的计算机客户端软件需要人为安装，且不能及时的更新与服务器同步的版本；浏览器插件技术门槛高，不方便普通用户操作，且用户使用不同的计算机或不同的浏览器时都需要重新下载安装插件，极大的浪费了用户的时间的技术问题，优化了现有的业务数据的展示方法，满足了人们日益增长的便捷化、个性化需求。
【专利说明】一种业务数据的图形展示方法和装置
【技术领域】
[0001] 本发明实施例涉及计算机技术，尤其涉及一种业务数据的图形展示方法和装置。
【背景技术】
[0002] 浏览器作为互联网信息的主要载体，在这个信息共享的时代，越来越被用户接受 和使用，因此，基于浏览器开发的互联网应用也逐步取代传统的计算机软件，成为软件开 发领域的重要组成部分，同时，随着互联网技术的发展，浏览器需要呈现的信息也越来越丰 富，可视化图形与普通的文本和数据表格相比，更能直观的表示数据的关系。
[0003] 在许多业务领域，例如金融行业领域，金融业务数据中包含了大量的交互信息，这 类信息经过汇总统计分析后，最直观的呈现方式是通过网络拓扑图的方式表现出来。在现 有技术中，上述的网络拓扑图是采用计算机客户端软件或者浏览器插件的方式来实现的， 这两类实现方式的主要缺陷在于：计算机客户端软件需要人为安装，且不能及时的更新与 服务器同步的版本；浏览器插件技术门槛高，不方便普通用户操作，且用户使用不同的计算 机或不同的浏览器时都需要重新下载安装插件，极大的浪费了用户的时间。
【发明内容】
[0004] 有鉴于此，本发明实施例提供一种业务数据的图形展示方法和装置，以优化现有 的业务数据的展示方法，以满足人们日益增长的便捷化、个性化需求。
[0005] 在第一方面，本发明实施例提供了一种业务数据的图形展示方法，包括：
[0006] 根据待展示业务数据的数据类型，对待展示业务数据进行分类；
[0007] 根据预设的图形组件格式，设置与分类后的待展示业务数据对应的展示图形组 件；
[0008] 对所述展示图形组件进行布局展示。
[0009] 在第二方面，本发明实施例提供了一种业务数据的图形展示装置，包括：
[0010] 业务数据分类单元，用于根据待展示业务数据的数据类型，对待展示业务数据进 行分类；
[0011] 展示图形组件设置单元，用于根据预设的图形组件格式，设置与分类后的待展示 业务数据对应的展示图形组件；
[0012] 布局展示单元，用于对所述展示图形组件进行布局展示。
[0013] 本发明实施例通过根据待展示业务数据的数据类型，对待展示业务数据进行分 类；根据预设的图形组件格式，设置与分类后的待展示业务数据对应的展示图形组件；对 所述展示图形组件进行布局展示的技术手段，解决了现有的业务数据的展示方法中的计算 机客户端软件需要人为安装，且不能及时的更新与服务器同步的版本；浏览器插件技术门 槛高，不方便普通用户操作，且用户使用不同的计算机或不同的浏览器时都需要重新下载 安装插件，极大的浪费了用户的时间的技术问题，优化了现有的业务数据的展示方法，满足 了人们日益增长的便捷化、个性化需求。
【专利附图】
【附图说明】
[0014] 图1是本发明第一实施例的一种业务数据的图形展示方法的流程图；
[0015] 图2是本发明第一实施例的一种业务数据的图形显示结果的显示示意图；
[0016] 图3是本发明第二实施例的一种业务数据的图形展示方法的流程图；
[0017] 图4是本发明第三实施例的一种业务数据的图形展示方法的流程图；
[0018] 图5是本发明第三实施例的一种根据节点组件的权重值调整节点组件间的相对 位置的示意图；
[0019] 图6是本发明第四实施例的一种根据显示画布中心点位置，调整节点组件与显示 画布中心点的相对位置的示意图；
[0020] 图7是本发明第四实施例的一种业务数据的图形展示装置的结构图。
【具体实施方式】
[0021] 为了使本发明的目的、技术方案和优点更加清楚，下面结合附图对本发明具体实 施例作进一步的详细描述。可以理解的是，此处所描述的具体实施例仅仅用于解释本发明， 而非对本发明的限定。另外还需要说明的是，为了便于描述，附图中仅示出了与本发明相关 的部分而非全部内容。
[0022] 为了解决【背景技术】中提出的问题，需要通过图形展示的方式来展示业务数据。在 本发明各实施例中，使用SVG(Scalable Vector Graphics,可缩放矢量图形）对业务数据进 行图形展示。
[0023] SVG是基于XML(eXtensible Markup Language,可扩展标记语言）的，用于描述二 维矢量图形的一种图形格式。它是W3C(World Wide Web Consortium,国际互联网标准组 织）在2000年8月制定的一种新的二维矢量图形格式，也是规范中的网络矢量图形标准。 SVG严格遵从XML语法，并用文本格式的描述性语言来描述图像内容，因此是一种和图像分 辨率无关的矢量图形格式。SVG用于在浏览器端绘制可伸缩的矢量图形，目前主流的浏览器 版本都已支持该标准。
[0024] 第一实施例
[0025] 图1是本发明第一实施例的一种业务数据的图形展示方法的流程图，本实施例的 方法可以由业务数据的图形展示装置来执行，该装置可通过硬件和/或软件的方式实现， 并集成于浏览器所在的终端设备中与浏览器配合实现，或作为浏览器的子程序。本实施例 的方法具体包括如下步骤：
[0026] 步骤110、根据待展示业务数据的数据类型，对待展示业务数据进行分类。
[0027] 在本实施例中，浏览器根据待展示业务数据的数据类型，对待展示业务数据进行 分类。
[0028] 在本实施例的一个优选的实施方式中，待展示业务数据为金融业务数据，一条待 展示业务数据可以用于表示一条交易记录。所述待展示业务数据包括：交易账号信息和至 少一个与交易记录对应的交易参数。
[0029] 其中，所述交易账号信息包括：
[0030] 汇款方的交易账号和收款方的交易账号，或者；
[0031] 汇款方的交易账号、汇款方的交易账号的用户名、收款方的交易账号和收款方的 交易账号的用户名；
[0032] 所述交易参数包括下述至少一项：交易金额和交易时间。
[0033] 举例而言，一条待展示业务数据具体包括：汇款方的交易账号：C001 ;汇款方的交 易账号的用户名：张三；收款方的交易账号：C002 ;收款方的交易账号的用户名：李四；交 易金额：10000 元；交易时间：2014-01-01 01:01:01。
[0034] 在图2中示出了针对这一条待展示业务数据的图形显示结果。如图2所示，如果 以图形的方式显示交易数据，需要首先根据待展示业务数据来确定节点和连线，以及与节 点和连线对应的信息，进而可以实现待展示业务数据的图形展示。
[0035] 在本实施例的一个优选的实施方式中，可以获取所述待展示业务数据中的交易账 号信息作为节点数据；获取所述待展示业务数据中的交易金额流向和交易参数作为连线数 据。
[0036] 其中，所述交易金额流向用于指明所述待展示业务数据中的汇款方和收款方。
[0037] 进一步的，为了使得图形展示结果尽可能的简介、清楚，相同的交易账号信息使用 同一个节点来表示，汇款方和收款方同时相等的多条交易记录使用同一连线表示，在该连 线内部可以记录上述多条交易记录的详细信息。
[0038] 在本实施例中，可以通过下述逻辑代码来实现对待展示业务数据进行分类。
[0039]
【权利要求】
1. 一种业务数据的图形展示方法，其特征在于，包括： 根据待展示业务数据的数据类型，对待展示业务数据进行分类； 根据预设的图形组件格式，设置与分类后的待展示业务数据对应的展示图形组件； 对所述展示图形组件进行布局展示。
2. 根据权利要求1所述的方法，其特征在于，根据预设的图形组件格式，设置与分类后 的待展示业务数据对应的展示图形组件包括： 根据数据映射模型和所述分类后的待展示业务数据，对已分类业务数据进行分类标 记，其中，所述已分类业务数据包括：所述分类后的待展示业务数据和原始分类业务数据， 所述原始分类业务数据中包括〇条、1条或者多条数据； 根据分类标记类型和预设的图形组件格式，对与所述原始分类业务数据对应的原始图 形组件进行设置，生成与所述分类后的待展示业务数据对应的展示图形组件。
3. 根据权利要求2所述的方法，其特征在于，所述待展示业务数据包括：交易账号信息 和至少一个与交易记录对应的交易参数；根据待展示业务数据的数据类型，对待展示业务 数据进行分类包括： 获取所述待展示业务数据中的交易账号信息作为节点数据； 获取所述待展示业务数据中的交易金额流向和交易参数作为连线数据； 其中，所述交易金额流向用于指明所述待展示业务数据中的汇款方和收款方。
4. 根据权利要求3所述的方法，其特征在于，根据数据映射模型和所述分类后的待展 示业务数据，对已分类业务数据进行分类标记包括： 根据所述数据映射模型和所述分类后的待展示业务数据，确定所述已分类业务数据的 操作类型，其中，所述操作类型包括：新增、更新或者删除； 根据确定的所述操作类型，将所述已分类业务数据进行分类标记。
5. 根据权利要求4所述的方法，其特征在于，根据分类标记类型和预设的图形组件格 式，对与所述原始分类业务数据对应的原始图形组件进行设置，生成与所述分类后的待展 示业务数据对应的展示图形组件包括： 如果确定所述已分类业务数据的操作类型为新增类型，按照预设的图形组件格式，在 所述原始图形组件中，添加与所述已分类业务数据对应的新增图形组件； 如果确定所述已分类业务数据的操作类型为更新类型，更新与所述更新类型的已分类 业务数据对应的原始图形组件的业务数据； 如果确定所述已分类业务数据的操作类型为删除类型，删除与所述删除类型的已分类 业务数据对应的原始图形组件。
6. 根据权利要求5所述的方法，其特征在于，对所述展示图形组件进行布局展示包括： 获取与所述展示图形组件对应的节点组件和连线组件，其中，所述节点组件中包括节 点数据，所述连线组件中包括连线数据。 按照预设的布局算法，将所述节点组件和所述连线组件在显示画布中进行展示。
7. 根据权利要求6所述的方法，其特征在于，按照预设的布局算法，将所述节点和连线 在显示画布中进行展示包括： 随机指定所述节点组件在显示画布中的位置； 根据节点组件的权重值调整节点组件间的相对位置，其中，所述节点组件的权重值与 通过所述节点组件的连线组件相关联； 根据显示画布中心点位置，调整节点组件与所述显示画布中心点之间的相对位置； 如果节点组件间的距离值与预设的基准距离值之间满足预设的阈值条件，将所述节点 组件和所述连线组件在显示画布中进行显示。
8. 根据权利要求3-7任一项所述的方法，其特征在于， 所述交易账号信息包括： 汇款方的交易账号和收款方的交易账号，或者； 汇款方的交易账号、汇款方的交易账号的用户名、收款方的交易账号和收款方的交易 账号的用户名； 所述交易参数包括下述至少一项： 交易金额和交易时间。
9. 根据权利要求1-7任一项所述的方法，其特征在于，所述展示图形组件为可伸缩矢 量图形组件。
10. -种业务数据的图形展示装置，其特征在于，包括： 业务数据分类单元，用于根据待展示业务数据的数据类型，对待展示业务数据进行分 类； 展示图形组件设置单元，用于根据预设的图形组件格式，设置与分类后的待展示业务 数据对应的展示图形组件； 布局展示单元，用于对所述展示图形组件进行布局展示。
【文档编号】G06F9/44GK104090769SQ201410345673
【公开日】2014年10月8日 申请日期:2014年7月18日 优先权日:2014年7月18日
【发明者】胡莹 申请人:北京锐安科技有限公司