思维导图的显示方法及装置与流程

本发明涉及互联网领域，具体而言，涉及一种思维导图的显示方法及装置。

背景技术：

思维导图是有效的思维模式，是应用于记忆、学习、思考等方面的思维“地图”，它有利于人脑的扩散思维的展开，能够帮助人们快速理清思路。与思维导图的意义一样，人们会产生很多想法，也就是IDEA，每个IDEA的轻重缓急不一样。对于这一点，目前市场上出现的很多传统的思维导图工具(包括：免费的，收费的，开源的等等各种)和概念里并没有体现。而实际上，思维导图仅仅能够展现数据的层次和结构还不够，还应该能够凸显重点。然而，从展现效果来看，传统的思维导图并不能凸显重点。

例如，有2个方案可以用于解决开发团队间的沟通协作问题：方案1，每天早上召开双方代码沟通例会；方案2，频繁的邮件沟通。显然，方案1会更好的解决沟通协作问题，应该引起用户关注，方案2则会显得较散慢，而传统的思维导图无法重点标识方案1以引起用户关注。

针对上述的问题，目前尚未提出有效的解决方案。

技术实现要素：

本发明实施例提供了一种思维导图的显示方法及装置，以至少解决相关技术中由于思维导图不能凸显重点信息而造成用户在查看时抓不到重点的技术问题。

根据本发明实施例的一个方面，提供了一种思维导图的显示方法，包括：获取构成思维导图的各节点的节点信息；根据上述各节点的节点信息确定上述各节点的用于衡量节点关注度指标的权重值；根据确定的上述各节点的用于衡量节点关注度指标的权重值显示上述思维导图。

进一步地，根据确定的上述各节点的用于衡量节点关注度指标的权重值显示上述思维导图包括：根据确定的上述各节点的用于衡量节点关注度指标的权重值显示上述思维导图中的分支连接线。

进一步地，上述各节点包括第一节点和第二节点，根据确定的上述各节点的用于 衡量节点关注度指标的权重值显示上述思维导图中的分支连接线包括：在上述第一节点和上述第二节点为相同层级上的节点，且上述第一节点的权重值大于上述第二节点的权重值的情况下，在上述思维导图中将上述第一节点与其上级节点之间的分支连接线、上述第二节点与其上级节点之间的分支连接线分别显示为第一宽度的分支连接线和第二宽度的分支连接线，其中，第一宽度大于第二宽度。

进一步地，上述各节点包括第一节点和第二节点，根据确定的上述各节点的用于衡量节点关注度指标的权重值显示上述思维导图中的分支连接线包括：在上述第一节点和上述第二节点为不同层级上的节点，且上述第一节点的层级高于上述第二节点的层级的情况下，在上述思维导图中将上述第一节点与其上级节点之间的分支连接线、上述第二节点与其上级节点之间的分支连接线分别显示为第三宽度的分支连接线和第四宽度的分支连接线，其中，第三宽度大于第四宽度。

进一步地，根据确定的上述各节点的用于衡量节点关注度指标的权重值显示上述思维导图中的分支连接线包括：判断确定的上述各节点的用于衡量节点关注度指标的权重值所属的数值范围，得到判断结果；获取预设权重值与预设数值范围的对应关系；根据上述判断结果以及上述预设权重值与上述预设数值范围的对应关系，确定上述各节点的用于衡量节点关注度指标的权重值对应的各分支连接线的宽度；根据确定的上述各分支连接线的宽度在上述思维导图中显示上述各分支连接线。

根据本发明实施例的另一方面，还提供了一种思维导图的显示装置，包括：获取单元，用于获取构成思维导图的各节点的节点信息；确定单元，用于根据上述各节点的节点信息确定上述各节点的用于衡量节点关注度指标的权重值；显示单元，用于根据确定的上述各节点的用于衡量节点关注度指标的权重值显示上述思维导图。

进一步地，上述显示单元还用于根据确定的上述各节点的用于衡量节点关注度指标的权重值显示上述思维导图中的分支连接线。

进一步地，上述各节点包括第一节点和第二节点，上述显示单元还用于在上述第一节点和上述第二节点为相同层级上的节点，且上述第一节点的权重值大于上述第二节点的权重值的情况下，在上述思维导图中将上述第一节点与其上级节点之间的分支连接线、上述第二节点与其上级节点之间的分支连接线分别显示为第一宽度的分支连接线和第二宽度的分支连接线，其中，第一宽度大于第二宽度。

进一步地，上述各节点包括第一节点和第二节点，上述显示单元还用于在上述第一节点和上述第二节点为不同层级上的节点，且上述第一节点的层级高于上述第二节点的层级的情况下，在上述思维导图中将上述第一节点与其上级节点之间的分支连接 线、上述第二节点与其上级节点之间的分支连接线分别显示为第三宽度的分支连接线和第四宽度的分支连接线，其中，第三宽度大于第四宽度。

进一步地，上述显示单元包括：判断模块，用于判断确定的上述各节点的用于衡量节点关注度指标的权重值所属的数值范围，得到判断结果；获取模块，用于获取预设权重值与预设数值范围的对应关系；确定模块，用于根据上述判断结果以及上述预设权重值与上述预设数值范围的对应关系，确定上述各节点的用于衡量节点关注度指标的权重值对应的各分支连接线的宽度；显示模块，用于根据确定的上述各分支连接线的宽度在上述思维导图中显示上述各分支连接线。

在本发明实施例中，采用根据思维导图中各节点的用于衡量节点关注度指标的权重值显示思维导图的方式，通过获取构成思维导图的各节点的节点信息；根据各节点的节点信息确定各节点的用于衡量节点关注度指标的权重值；根据确定的各节点的用于衡量节点关注度指标的权重值显示思维导图，达到了基于关注度凸显思维导图中的重点信息的目的，从而实现了改善思维导图的显示效果的技术效果，进而达到了便于用户查看思维导图并抓住其中的重点内容的技术效果，进而解决了相关技术中由于思维导图不能凸显重点信息而造成用户在查看时抓不到重点的技术问题。

附图说明

此处所说明的附图用来提供对本发明的进一步理解，构成本申请的一部分，本发明的示意性实施例及其说明用于解释本发明，并不构成对本发明的不当限定。在附图中：

图1是根据本发明实施例的一种可选的思维导图的显示方法的流程图；

图2是根据本发明实施例的一种可选的思维导图的显示装置的示意图。

具体实施方式

为了使本技术领域的人员更好地理解本发明方案，下面将结合本发明实施例中的附图，对本发明实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本发明一部分的实施例，而不是全部的实施例。基于本发明中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都应当属于本发明保护的范围。

需要说明的是，本发明的说明书和权利要求书及上述附图中的术语“第一”、“第二”等是用于区别类似的对象，而不必用于描述特定的顺序或先后次序。应该理解这样使用的数据在适当情况下可以互换，以便这里描述的本发明的实施例能够以除了在 这里图示或描述的那些以外的顺序实施。此外，术语“包括”和“具有”以及他们的任何变形，意图在于覆盖不排他的包含，例如，包含了一系列步骤或单元的过程、方法、系统、产品或设备不必限于清楚地列出的那些步骤或单元，而是可包括没有清楚地列出的或对于这些过程、方法、产品或设备固有的其它步骤或单元。

实施例1

根据本发明实施例，提供了一种思维导图的显示方法的方法实施例，需要说明的是，在附图的流程图示出的步骤可以在诸如一组计算机可执行指令的计算机系统中执行，并且，虽然在流程图中示出了逻辑顺序，但是在某些情况下，可以以不同于此处的顺序执行所示出或描述的步骤。

图1是根据本发明实施例的一种可选的思维导图的显示方法的流程图，如图1所示，该方法包括如下步骤：

步骤S102，获取构成思维导图的各节点的节点信息；

步骤S104，根据各节点的节点信息确定各节点的用于衡量节点关注度指标的权重值；

步骤S106，根据确定的各节点的用于衡量节点关注度指标的权重值显示思维导图。

思维导图中的数据都是树形结构数据，如JSON格式数据和XML格式数据。树形结构数据包括多个数据节点，以下简称为节点。为了区分用户对各节点的关注度，在本发明实施例中，会在每个节点上增加一个关注度属性，并用权重值Weight来表示各节点的关注度指标的大小。其中，节点的权重值越大，表明该节点越重要，用户越关注该节点；节点的权重值越小，表明该节点越不重要，用户越不关注该节点。

另外，在思维导图中，各节点的节点信息包括但不限于：节点的名称、key、关注度属性(即权重值)等信息，在得到某个节点的节点信息后，可以从中提取该节点的关注度属性(即权重值)。

具体地，根据各节点的权重值显示思维导图包括但不限于：根据各节点的权重值显示思维导图中的各节点，比如，不同的权重值对应不同大小或者不同形状的节点；根据各节点的权重值显示思维导图中的各节点与其关联节点的分支连接线，比如，不同的权重值对应不同形式(如虚线、实线等)或者不同线宽的分支连接线。

通过本发明实施例，采用根据思维导图中各节点的用于衡量节点关注度指标的权重值显示思维导图的方式，达到了基于关注度凸显思维导图中的重点信息的目的，从而实现了改善思维导图的显示效果的技术效果，进而达到了便于用户查看思维导图并 抓住其中的重点内容的技术效果。

可选地，根据确定的各节点的用于衡量节点关注度指标的权重值显示思维导图包括：

S2，根据确定的各节点的用于衡量节点关注度指标的权重值显示思维导图中的分支连接线。

与根据各节点的权重值凸显思维导图中的各节点(如将权重值相同的节点显示为相同大小或相同形状的节点，将权重值不相同的节点显示为大小不同或形状不同的节点)相比，根据各节点的权重值凸显思维导图中的分支连接线，如将权重值相同的节点对应到形式(如虚线、实线等)相同或者线宽相同的分支连接线，将权重值不同的节点对应到形式(如虚线、实线等)不同或者线宽不同的分支连接线，可以节省显示空间，防止显示界面过度拥挤。

可选地，上述各节点包括第一节点和第二节点，第一节点和第二节点又可以分别包含一个或者多个子节点，基于此，根据确定的各节点的用于衡量节点关注度指标的权重值显示思维导图中的分支连接线可以包括以下两种情况：

情况1：即S4，在第一节点和第二节点为相同层级上的节点，且第一节点的权重值大于第二节点的权重值的情况下，在思维导图中将第一节点与其上级节点(即与其父节点)之间的分支连接线、第二节点与其上级节点(即与其父节点)之间的分支连接线分别显示为第一宽度的分支连接线和第二宽度的分支连接线，其中，第一宽度大于第二宽度。换言之，对于同一层级的各节点而言，如果节点的权重值越大，则该节点与其父节点之间的连接线就越粗，如果节点的权重值越小，则该节点与其父节点之间的连接线就越细。连接线越粗，用户越容易辨别其差异，进而越容易让用户关注它；连接线越细，用户越难以辨别其差异，进而越难以让用户关注它。

情况2：即S6，在第一节点和第二节点为不同层级上的节点，且第一节点的层级高于第二节点的层级的情况下，在思维导图中将第一节点与其上级节点之间的分支连接线、第二节点与其上级节点之间的分支连接线分别显示为第三宽度的分支连接线和第四宽度的分支连接线，其中，第三宽度大于第四宽度。换言之，对于不同层级的各节点而言，如果节点所属的层级越高，则该节点与其父节点之间的连接线就越粗，如果节点所属的层级越低，则该节点与其父节点之间的连接线就越细。连接线越粗，用户越容易辨别其差异，进而越容易让用户关注它；连接线越细，用户越难以辨别其差异，进而越难以让用户关注它。需要说明的是，对于相邻层级上的节点而言，高层级节点对应的连接线中最细的连接线要比低层级节点对应的连接线中最粗的连接线还要 粗。这样，在同一副思维导图中，可以保证高层节点的重要性高于低层节点的重要性。

需要说明的是，可以通过以下步骤确定当前分支连接线的宽度(包括第一宽度、第二宽度、第三宽度、第四宽度等)：设置各权重值；设置各宽度；确定权重值与宽度的对应关系；在得到当前分支连接线的权重值之后，可以根据权重值与宽度的对应关系，从预先设置的各宽度中查找与当前分支连接线的权重值对应的宽度。

通过本发明实施例，与通过线条形式凸显思维导图中的分支连接线相比，采用不同大小的权重值对应不同粗细的连接线的方式凸显思维导图中的分支连接线，可以防止线条形式过多导致思维导图复杂，达到简化整个思维导图的目的，实现更简洁、更直观地凸显思维导图中的重点信息的效果。

可选地，根据确定的各节点的用于衡量节点关注度指标的权重值显示思维导图中的分支连接线包括：

S8，判断确定的各节点的用于衡量节点关注度指标的权重值所属的数值范围，得到判断结果；

S10，获取预设权重值与预设数值范围的对应关系；

S12，根据判断结果以及预设权重值与预设数值范围的对应关系，确定各节点的用于衡量节点关注度指标的权重值对应的各分支连接线的宽度；

S14，根据确定的各分支连接线的宽度在思维导图中显示各分支连接线。

由于一幅思维导图可以包括数目众多的节点，除中心节点和叶节点外，每个节点与其上下层级的节点间都会通过分支连线连接。如果该思维导图中各节点的权重值大多不同，此时，采用前述实施方式提供的方案来凸显思维导图中的分支连接线，则需要设置众多线宽不同分支连接线，一方面，会由于线条太多而导致不易识别这些线条之间的差别，另一方面，会由于对差异较小的线条也要区别显示而导致工作量较大。基于此，将属于某一预设数值范围内的所有权重值对应的节点与其上层级节点间的分支连接线都设置为相同线宽的连接线，可以克服上述缺陷。

以下以一个具体实施例详细阐述本发明：

(1)演示数据如下：

{

[key:A,level:1，weight:65],

[key:B,level:2,parentKey:A,weight:20],

[key:C,level:2,parentKey:A,weight:30],

[key:D,level:1,weight:15],

[key:E,level:1,parentKey:D,weight:20]

}

(2)数据属性说明：key表示每个节点的唯一标识；level表示节点所属的层级；parent Key表示节点所属父级key；weight表示节点的权重值，即在同层级下的权重数量。

(3)数据结构说明：该演示数据有2个主节点A、D，分别对应思维导图里面的是分支，这个2个主节点都是在第一层级，并且A节点下有B、C 2个从节点。D节点下E从节点。

(4)思维导图的创建流程如下：创建一个中心节点，该节点是思维导图的主题思想或目标；接收外界传入的JSON格式的树形结构数据，从第一个分支的第一个节点开始遍历所有的数据节点，直到遍历完最后一个分支的最后一个节点为止才结束。

其中，具体遍历过程过程如下：判断当前节点是否存在下级节点；如果存在下级节点，则判断每个下级节点是否也存在相应的下级节点(判断过程和该遍历过程一致)，如果存在，则返回。每次遍历到一个节点则创建思维导图分支，并连接到相应的上级节点，以及添加节点信息，其中，添加的节点信息包括但不限于节点的Key、名称和权重值。

其中，创建思维导图分支，并连接到相应的上级节点的过程如下：首先，在Web端创建预设大小的DIV，这个DIV就是思维导图的节点；接着，DIV是围绕着中心节点创建的，第一次层级分支的DIV大小比中心节点小就行，其它层级DIV的大小都同样，默认按中心节点80％设置；然后，在创建的DIV和它的父级节点之间创建一个连接线，该连接线的起始位置是子节点，终点位置是父级节点。

实施例2

根据本发明实施例，提供了一种思维导图的显示装置的装置实施例。

图2是根据本发明实施例的一种可选的思维导图的显示装置的示意图，如图2所示，该装置包括：获取单元202，用于获取构成思维导图的各节点的节点信息；确定单元204，用于根据各节点的节点信息确定各节点的用于衡量节点关注度指标的权重值；显示单元206，用于根据确定的各节点的用于衡量节点关注度指标的权重值显示 思维导图。

思维导图中的数据都是树形结构数据，如JSON格式数据和XML格式数据。树形结构数据包括多个数据节点，以下简称为节点。为了区分用户对各节点的关注度，在本发明实施例中，会在每个节点上增加一个关注度属性，并用权重值Weight来表示各节点的关注度指标的大小。其中，节点的权重值越大，表明该节点越重要，用户越关注该节点；节点的权重值越小，表明该节点越不重要，用户越不关注该节点。

另外，在思维导图中，各节点的节点信息包括但不限于：节点的名称、key、关注度属性(即权重值)等信息，在得到某个节点的节点信息后，可以从中提取该节点的关注度属性(即权重值)。

具体地，根据各节点的权重值显示思维导图包括但不限于：根据各节点的权重值显示思维导图中的各节点，比如，不同的权重值对应不同大小或者不同形状的节点；根据各节点的权重值显示思维导图中的各节点与其关联节点的分支连接线，比如，不同的权重值对应不同形式(如虚线、实线等)或者不同线宽的分支连接线。

通过本发明实施例，采用根据思维导图中各节点的用于衡量节点关注度指标的权重值显示思维导图的方式，达到了基于关注度凸显思维导图中的重点信息的目的，从而实现了改善思维导图的显示效果的技术效果，进而达到了便于用户查看思维导图并抓住其中的重点内容的技术效果。

可选地，上述显示单元还用于根据确定的各节点的用于衡量节点关注度指标的权重值显示思维导图中的分支连接线。

与根据各节点的权重值凸显思维导图中的各节点(如将权重值相同的节点显示为相同大小或相同形状的节点，将权重值不相同的节点显示为大小不同或形状不同的节点)相比，根据各节点的权重值凸显思维导图中的分支连接线，如将权重值相同的节点对应到形式(如虚线、实线等)相同或者线宽相同的分支连接线，将权重值不同的节点对应到形式(如虚线、实线等)不同或者线宽不同的分支连接线，可以节省显示空间，防止显示界面过度拥挤。

可选地，各节点包括第一节点和第二节点，第一节点和第二节点又可以分别包含一个或者多个子节点，基于此，上述显示单元还用于通过以下两种情况确定的各节点的用于衡量节点关注度指标的权重值显示思维导图中的分支连接线：

情况1：在第一节点和第二节点为相同层级上的节点，且第一节点的权重值大于第二节点的权重值的情况下，在思维导图中将第一节点与其上级节点之间的分支连接线、第二节点与其上级节点之间的分支连接线分别显示为第一宽度和第二宽度，其中， 第一宽度的分支连接线大于第二宽度的分支连接线。换言之，对于同一层级的各节点而言，如果节点的权重值越大，则该节点与其父节点之间的连接线就越粗，如果节点的权重值越小，则该节点与其父节点之间的连接线就越细。连接线越粗，用户越容易辨别其差异，进而越容易让用户关注它；连接线越细，用户越难以辨别其差异，进而越难以让用户关注它。

情况2：在第一节点和第二节点为不同层级上的节点，且第一节点的层级高于第二节点的层级的情况下，在思维导图中将第一节点与其上级节点之间的分支连接线、第二节点与其上级节点之间的分支连接线分别显示为第三宽度的分支连接线和第四宽度的分支连接线，其中，第三宽度大于第四宽度。换言之，对于不同层级的各节点而言，如果节点所属的层级越高，则该节点与其父节点之间的连接线就越粗，如果节点所属的层级越低，则该节点与其父节点之间的连接线就越细。连接线越粗，用户越容易辨别其差异，进而越容易让用户关注它；连接线越细，用户越难以辨别其差异，进而越难以让用户关注它。需要说明的是，对于相邻层级上的节点而言，高层级节点对应的连接线中最细的连接线要比低层级节点对应的连接线中最粗的连接线还要粗。这样，在同一副思维导图中，可以保证高层节点的重要性高于低层节点的重要性。

需要说明的是，可以通过以下步骤确定当前分支连接线的宽度(包括第一宽度、第二宽度、第三宽度、第四宽度等)：设置各权重值；设置各宽度；确定权重值与宽度的对应关系；在得到当前分支连接线的权重值之后，可以根据权重值与宽度的对应关系，从预先设置的各宽度中查找与当前分支连接线的权重值对应的宽度。

通过本发明实施例，与通过线条形式凸显思维导图中的分支连接线相比，采用不同大小的权重值对应不同粗细的连接线的方式凸显思维导图中的分支连接线，可以防止线条形式过多导致思维导图复杂，达到简化整个思维导图的目的，实现更简洁、更直观地凸显思维导图中的重点信息的效果。

可选地，上述显示单元包括：判断模块，用于判断确定的各节点的用于衡量节点关注度指标的权重值所属的数值范围，得到判断结果；获取模块，用于获取预设权重值与预设数值范围的对应关系；确定模块，用于根据判断结果以及预设权重值与预设数值范围的对应关系，确定各节点的用于衡量节点关注度指标的权重值对应的各分支连接线的宽度；显示模块，用于根据确定的各分支连接线的宽度在思维导图中显示各分支连接线。

由于一幅思维导图可以包括数目众多的节点，除中心节点和叶节点外，每个节点与其上下层级的节点间都会通过分支连线连接。如果该思维导图中各节点的权重值大多不同，此时，采用前述实施方式提供的方案来凸显思维导图中的分支连接线，则需 要设置众多线宽不同分支连接线，一方面，会由于线条太多而导致不易识别这些线条之间的差别，另一方面，会由于对差异较小的线条也要区别显示而导致工作量较大。基于此，将属于某一预设数值范围内的所有权重值对应的节点与其上层级节点间的分支连接线都设置为相同线宽的连接线，可以克服上述缺陷。

上述本发明实施例序号仅仅为了描述，不代表实施例的优劣。

在本发明的上述实施例中，对各个实施例的描述都各有侧重，某个实施例中没有详述的部分，可以参见其他实施例的相关描述。

在本申请所提供的几个实施例中，应该理解到，所揭露的技术内容，可通过其它的方式实现。其中，以上所描述的装置实施例仅仅是示意性的，例如所述单元的划分，可以为一种逻辑功能划分，实际实现时可以有另外的划分方式，例如多个单元或组件可以结合或者可以集成到另一个系统，或一些特征可以忽略，或不执行。另一点，所显示或讨论的相互之间的耦合或直接耦合或通信连接可以是通过一些接口，单元或模块的间接耦合或通信连接，可以是电性或其它的形式。

所述作为分离部件说明的单元可以是或者也可以不是物理上分开的，作为单元显示的部件可以是或者也可以不是物理单元，即可以位于一个地方，或者也可以分布到多个单元上。可以根据实际的需要选择其中的部分或者全部单元来实现本实施例方案的目的。

另外，在本发明各个实施例中的各功能单元可以集成在一个处理单元中，也可以是各个单元单独物理存在，也可以两个或两个以上单元集成在一个单元中。上述集成的单元既可以采用硬件的形式实现，也可以采用软件功能单元的形式实现。

所述集成的单元如果以软件功能单元的形式实现并作为独立的产品销售或使用时，可以存储在一个计算机可读取存储介质中。基于这样的理解，本发明的技术方案本质上或者说对现有技术做出贡献的部分或者该技术方案的全部或部分可以以软件产品的形式体现出来，该计算机软件产品存储在一个存储介质中，包括若干指令用以使得一台计算机设备(可为个人计算机、服务器或者网络设备等)执行本发明各个实施例所述方法的全部或部分步骤。而前述的存储介质包括：U盘、只读存储器(ROM，Read-Only Memory)、随机存取存储器(RAM，Random Access Memory)、移动硬盘、磁碟或者光盘等各种可以存储程序代码的介质。

以上所述仅是本发明的优选实施方式，应当指出，对于本技术领域的普通技术人员来说，在不脱离本发明原理的前提下，还可以做出若干改进和润饰，这些改进和润饰也应视为本发明的保护范围。