矩形树图处理方法和装置制造方法及图纸

本申请公开了一种矩形树图处理方法和装置。其中，该方法包括：监听对导航菜单的触发事件，其中，导航菜单设置在矩形树图上，用于对矩形树图的多级数据图进行导航；以及当监听到对导航菜单的触发事件时，显示与触发事件对应的数据图。本申请解决了相关技术中矩形树图无法实现各个层次数据图之间切换的技术问题。

Rectangular tree graph processing method and device

The invention discloses a method and a device for processing a rectangular tree graph. Among them, the method comprises the following steps: trigger events, menu navigation monitoring of the navigation menu is set in a rectangular tree, used for navigation map of the rectangular multilevel data tree; and when the supervisor hears the trigger events on the navigation menu, and display the corresponding number of trigger events according to fig.. This application solves the technical problems in the related technology, which can not realize the switching between different levels of the data graph.

【技术实现步骤摘要】

本申请涉及数据处理领域，具体而言，涉及一种矩形树图处理方法和装置。
技术介绍
ECharts，缩写来自EnterpriseCharts，商业级数据图表，它最初是为了满足公司商业体系里各种业务系统(如凤巢、广告管家等等)的报表需求。Treemap是ECharts最新推出的一种矩形树图，它根据各项数据的相对数据值，在容器内生成大小不一的矩形块，矩形面积表示其数值的大小。矩形树图是一种嵌套的层次结构，每一个矩形块都可以对应着一层新的矩形树图。ECharts提供了矩形树图数据下钻的功能(点击某一矩形块得到与它相关的更详细的数据图表，即从上级数据图跳转到对应的次级数据图)，在数据量爆发式增长的今天，两层结构的矩形树图已经不能满足用户的需求，ECharts矩形树图支持多层次的矩形树图，然而，ECharts没有实现各个层次数据图之间的切换功能。ECharts矩形树图现阶段还不能支持各层次数据图之间的切换，也就是说，当进入到某深层数据图时，ECharts并不能迅速返回该层次之前的各个层级，然而在实际的业务需求中，为了展示各个模块的数据报表，用户需要反复在各个层级的数据图之间不停切换，很显然ECharts矩形树图现有功能并不能满足这一需求。用户只能在数据下钻之后刷新整个页面，然后一层一层数据下钻，这样的交互十分不便，当数据图层级不多时勉强可用，但是当数据图层级比较多时，用户自己可能都记不清访问的顺序，这种矩形树图查看方式不仅效率低而且用户体验差。针对相关技术中矩形树图无法实现各个层次数据图之间切换的问题，目前尚未提出有效的解决方案。
技术实现思路
本申请的主要目的在于提供一种矩形树图处理方法和装置，以解决相关技术中矩形树图无法实现各个层次数据图之间切换的问题。为了实现上述目的，根据本申请的一个方面，提供了一种矩形树图处理方法。矩形树图包括多级数据图，该方法包括：监听对导航菜单的触发事件，其中，导航菜单设置在矩形树图上，用于对矩形树图的多级数据图进行导航；以及当监听到对导航菜单的触发事件时，显示与触发事件对应的数据图。进一步地，在监听对导航菜单的触发事件之前，该方法还包括：获取第N级数据图对应的访问路径，其中，N为大于1的整数，第N级数据图为当前显示的数据图，第N级数据图对应的访问路径为从矩形树图的第一级数据图至第N级数据图的访问路径；以及根据访问路径生成第N级数据图对应的导航菜单。进一步地，获取第N级数据图对应的访问路径包括：在矩形树图数据下钻至第N级数据图时，获取第N级数据图的名称；以及将第N级数据图的名称添加至第N-1级数据图对应的访问路径中，得到第N级数据图对应的访问路径。进一步地，在监听对导航菜单的触发事件之前，该方法还包括：遍历矩形树图的多级数据图，生成矩形树图的导航菜单。进一步地，遍历矩形树图的多级数据图，生成矩形树图的导航菜单包括：遍历矩形树图的多级数据图，通过多维数组记录矩形树图的各个层级的数据图的数据和矩形树图的各个层级的数据图对应的数据块的数据，其中，多维数组的第一维下标用于标识矩形树图各个层级，多维数组的第二维下标用于标识矩形树图各个层级对应的矩形块；以及将多维数组各个元素对应的绑定在预设菜单栏的各项中，得到矩形树图的导航菜单。为了实现上述目的，根据本申请的另一方面，提供了一种矩形树图处理装置。矩形树图包括多级数据图，该装置包括：监听单元，用于监听对导航菜单的触发事件，其中，导航菜单设置在矩形树图上，用于对矩形树图的多级数据图进行导航；以及显示单元，用于在监听到对导航菜单的触发事件时，显示与触发事件对应的数据图。进一步地，该装置还包括：获取单元，用于获取第N级数据图对应的访问路径，其中，N为大于1的整数，第N级数据图为当前显示的数据图，第N级数据图对应的访问路径为从矩形树图的第一级数据图至第N级数据图的访问路径；以及第一生成单元，用于根据访问路径生成第N级数据图对应的导航菜单。进一步地，获取单元包括：获取模块，用于在矩形树图数据下钻至第N级数据图时，获取第N级数据图的名称；以及添加模块，用于将第N级数据图的名称添加至第N-1级数据图对应的访问路径中，得到第N级数据图对应的访问路径。进一步地，该装置还包括：第二生成单元，用于遍历矩形树图的多级数据图，生成矩形树图的导航菜单。进一步地，第二生成单元包括：记录模块，用于遍历矩形树图的多级数据图，通过多维数组记录矩形树图的各个层级的数据图的数据和矩形树图的各个层级的数据图对应的数据块的数据，其中，多维数组的第一维下标用于标识矩形树图各个层级，多维数组的第二维下标用于标识矩形树图各个层级对应的矩形块；以及绑定模块，用于将多维数组各个元素对应的绑定在预设菜单栏的各项中，得到矩形树图的导航菜单。本申请通过监听对导航菜单的触发事件，其中，导航菜单设置在矩形树图上，用于对矩形树图的多级数据图进行导航；以及当监听到对导航菜单的触发事件时，显示与触发事件对应的数据图，本申请通过导航菜单对矩形树图的导航，从而可以方便实现矩形树图中不同层次的数据图之间的切换，解决了相关技术中矩形树图无法实现各个层次数据图之间切换的问题，进而达到了方便快速地实现矩形树图各个层次数据图之间切换的效果。附图说明构成本申请的一部分的附图用来提供对本申请的进一步理解，本申请的示意性实施例及其说明用于解释本申请，并不构成对本申请的不当限定。在附图中：图1是根据本申请第一实施例的矩形树图处理方法的流程图；图2是根据本申请实施例的第一级数据图的示意图；图3是根据本申请实施例的第二级数据图的示意图；图4是根据本申请第一实施例的导航菜单的示意图；图5是根据本申请第二实施例的导航菜单的示意图；图6是根据本申请第三实施例的导航菜单的示意图；图7是根据本申请第二实施例的矩形树图处理方法的流程图；以及图8是根据本申请实施例的矩形树图处理装置的示意图。具体实施方式需要说明的是，在不冲突的情况下，本申请中的实施例及实施例中的特征可以相互组合。下面将参考附图并结合实施例来详细说明本申请。为了使本
的人员更好地理解本申请方案，下面将结合本申请实施例中的附图，对本申请实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本申请一部分的实施例，而不是全部的实施例。基于本申请中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都应当属于本申请保护的范围。需要说明的是，本申请的说明书和权利要求书及上述附图中的术语“第一”、“第二”等是用于区别类似的对象，而不必用于描述特定的顺序或先后次序。应该理解这样使用的数据在适当情况下可以互换，以便这里描述的本申请的实施例。此外，术语“包括”和“具有”以及他们的任何变形，意图在于覆盖不排他的包含，例如，包含了一系列步骤或单元的过程、方法、系统、产品或设备不必限于清楚地列出的那些步骤或单元，而是可包括没有清楚地列出的或对于这些过程、方法、产品或设备固有的其它步骤或单元。根据本申请实施例，提供了一种矩形树图处理方法，本申请实施例的矩形树图包括多级数据图，图1是根据本申请第一实施例的矩形树图处理方法的流程图，如图1所示，该方法包括如下的步骤S102至步骤S104：步骤S102，监听对导航菜单的触发事件，其中，导航本文档来自技高网...

【技术保护点】
一种矩形树图处理方法，其特征在于，矩形树图包括多级数据图，所述方法包括：监听对导航菜单的触发事件，其中，所述导航菜单设置在所述矩形树图上，用于对所述矩形树图的多级数据图进行导航；以及当监听到对所述导航菜单的触发事件时，显示与所述触发事件对应的数据图。

【技术特征摘要】
1.一种矩形树图处理方法，其特征在于，矩形树图包括多级数据图，所述方法包括：监听对导航菜单的触发事件，其中，所述导航菜单设置在所述矩形树图上，用于对所述矩形树图的多级数据图进行导航；以及当监听到对所述导航菜单的触发事件时，显示与所述触发事件对应的数据图。2.根据权利要求1所述的方法，其特征在于，在监听对导航菜单的触发事件之前，所述方法还包括：获取第N级数据图对应的访问路径，其中，N为大于1的整数，所述第N级数据图为当前显示的数据图，所述第N级数据图对应的访问路径为从所述矩形树图的第一级数据图至所述第N级数据图的访问路径；以及根据所述访问路径生成所述第N级数据图对应的导航菜单。3.根据权利要求2所述的方法，其特征在于，获取第N级数据图对应的访问路径包括：在所述矩形树图数据下钻至所述第N级数据图时，获取所述第N级数据图的名称；以及将所述第N级数据图的名称添加至第N-1级数据图对应的访问路径中，得到所述第N级数据图对应的访问路径。4.根据权利要求1所述的方法，其特征在于，在监听对导航菜单的触发事件之前，所述方法还包括：遍历所述矩形树图的多级数据图，生成所述矩形树图的导航菜单。5.根据权利要求4所述的方法，其特征在于，遍历所述矩形树图的多级数据图，生成所述矩形树图的导航菜单包括：遍历所述矩形树图的多级数据图，通过多维数组记录所述矩形树图的各个层级的数据图的数据和所述矩形树图的各个层级的数据图对应的数据块的数据，其中，所述多维数组的第一维下标用于标识所述矩形树图各个层级，所述多维数组的第二维下标用于标识所述矩形树图各个层级对应的矩形块；以及将所述多维数组各个元素对应的绑定在预设菜单栏的各项中，得到所述矩形树图的导航菜单。6.一...

【专利技术属性】
技术研发人员：张筑，
申请(专利权)人：北京国双科技有限公司，
类型：发明
国别省市：北京;11