一种OKR对齐视图的生成方法、装置及系统制造方法及图纸

本发明专利技术提供了一种OKR对齐视图的生成方法、装置及系统，设计涉及前端工程领域，应用于企业软件开发方面。其中，具体包括：获取节点信息，并根据节点信息的属性的类型进行创建，得到目标节点；根据目标节点，获取目标节点的节点类型，并根据目标节点的节点类型对目标节点进行展开，得到展开节点；收起目标节点与展开节点，其中将页面大小最小化，即将目标节点放入展开节点的下方；使用SVG将目标节点与展开节点连接，得到OKR对齐视图。综上所述，本公开实施例通过提供对外AP对外插槽，实现了自定义节点样式，生成OKR对齐视图。生成OKR对齐视图。生成OKR对齐视图。

【技术实现步骤摘要】
一种OKR对齐视图的生成方法、装置及系统


[0001]本专利技术设计涉及前端工程领域，应用于企业软件开发方面。

技术介绍

[0002]在现有技术中，Echarts树图外接功能较差，无法定制节点样式，并且无法指定展开或收起节点位置，导致无法实现多个Objective节点与多个Key Result节点之间的对齐关系。并且现阶段采用基于主流的HTML5/CSS3/VUE/SVG技术，以及工厂模式/策略模式思想实现节点之间对齐的关系。

技术实现思路

[0003]本专利技术要解决的技术问题在于，针对现有技术中存在的缺陷，提供了一种OKR对齐视图的生成方法、装置及系统，实现了自定义节点样式，生成OKR对齐视图。
[0004]其中本专利技术解决其技术问题所采用的技术方案是：
[0005]根据本公开实施例的一方面，提供了一种OKR对齐视图的生成方法，包括：
[0006]获取节点信息，并根据所述节点信息的属性的类型进行创建，得到目标节点；
[0007]根据所述目标节点，获取所述目标节点的节点类型，并根据所述目标节点的节点类型对所述目标节点进行展开，得到展开节点；
[0008]收起所述目标节点与所述展开节点，其中将页面大小最小化，即将所述目标节点放入所述展开节点的下方；
[0009]使用SVG将所述目标节点与所述展开节点连接，得到OKR对齐视图。
[0010]根据本公开实施例的另一方面，获取节点信息，并根据所述节点信息的属性的类型进行创建，得到目标节点，包括：/>[0011]所述节点信息的属性类型包括：width宽度、height高度、left、top、vinterval垂直间距、hinterval横向间距、key唯一标记、rootparent根节点、parent父节点、oNode，即Key Result节点所对应的Objective节点、rowindex，即x坐标节点、collndex，即y坐标节点。
[0012]根据本公开实施例的另一方面，根据所述目标节点，获取所述目标节点的节点类型，包括：
[0013]其中，所述目标节点的节点类型包括Objective节点和Key Result节点。
[0014]根据本公开实施例的另一方面，根据所述目标节点的节点类型对所述目标节点进行展开，得到展开节点，包括：
[0015]如果所述节点类型是Objective节点，与所述Objective节点对齐的第一个子节点及与所述第一个子节点对齐的所有节点要与所述Objective节点在同一水平线上，其他子节点从当前位置往下绘制；
[0016]如果所述节点类型是是Key Result节点，与所述Key Result节点对齐的节点则插入所述Objective节点所展开节点的下方，其余子节点依此插入。
[0017]根据本公开实施例的一方面，提供了一种OKR对齐视图的生成装置，包括：
[0018]目标节点获取模块：获取节点信息，并根据所述节点信息的属性的类型进行创建，得到目标节点；
[0019]展开节点获取模块：根据所述目标节点，获取所述目标节点的节点类型，并根据所述目标节点的节点类型对所述目标节点进行展开，得到展开节点；
[0020]节点收起模块：收起所述目标节点与所述展开节点，其中将页面大小最小化，即将所述目标节点放入所述展开节点的下方；
[0021]OKR对齐视图获取模块：使用SVG将所述目标节点与所述展开节点连接，得到OKR对齐视图。
[0022]根据本公开实施例的一方面，提供了一种OKR对齐视图的生成系统，其特征在于，所述OKR对齐视图的生成系统应用于上述的OKR对齐视图的生成装置。
[0023]根据本公开实施例的一方面，提供了一种计算机可读存储介质，其特征在于，所述计算机可读存储介质上存储有计算机程序，处理器执行所述计算机程序，实现上述任一项中所述OKR对齐视图的生成方法。
[0024]本专利技术采用以上技术方案，至少具备以下有益效果：
[0025]本公开实施例通过针对现有技术进行改进，提供对外API对外插槽，使Echarts树图能够自定义节点样式，触发热区的效果，解决了现有技术中Echarts树图外接功能较差，无法定制节点样式，无法指定展开和授权的节点位置的问题，提高Echarts树图的自由性，实现了多元化。
[0026]同时应当理解的是，以上的一般描述和后文的细节描述仅是示例性和解释性的，并不能限制本公开实施例。
附图说明
[0027]为了更清楚地说明本公开实施例或现有技术中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本公开的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。
[0028]图1是本公开实施例中一种数字人头发适配的方法的生成步骤示意图；
[0029]图2是本公开实施例中节点模型的生成代码图；
[0030]图3是本公开实施例中一种OKR对齐视图的生成方法的方法示意图；
[0031]图4是本公开实施例中一种数字人服装适配的方法的离线处理步骤示意图；
[0032]图5是本公开实施例中一种OKR对齐视图的生成装置的装置示意图。
具体实施方式
[0033]为使本公开实施例的目的、技术方案和优点更加清楚，下面将对本公开实施例的技术方案进行详细的描述。显然，所描述的实施例仅仅是本专利技术一部分实施例，而不是全部的实施例。基于本专利技术中的实施例，本领域普通技术人员在没有做出创造性劳动的前提下所得到的所有其它实施方式，都属于本专利技术所保护的范围。
[0034]本公开实施例中的术语“第一”、“第二”、“第三”、“第四”等是用于区别类似的对
象，而不必用于描述特定的顺序或先后次序。此外，术语“包括”和“具有”以及他们的任何变形，意图在于覆盖不排他的包含，例如，包含了一系列步骤或单元。方法、系统、产品或设备不必限于清楚地列出的那些步骤或单元，而是可包括没有清楚地列出的或对于这些过程、方法、产品或设备固有的其它步骤或单元。
[0035]本公开实施例通过针对现有技术进行改进，提供对外API对外插槽，使Echarts树图能够自定义节点样式，触发热区的效果。
[0036]其中，具体的步骤，如图1所述，包括：创建节点对象、展开、收起。
[0037]针对于创建节点对象步骤，为根据所述节点信息的属性类型创建节点对象，其中所述节点信息的属性类型包括：width宽度、height高度、left、top、vinterval垂直间距、hinterval横向间距、key唯一标记、rootparent根节点、parent父节点、oNode，即Key Result节点所对应的Objective节点、rowindex，即x坐标节点、collndex，即y坐标节点。同时节点对象模型的构建代码如图2所示。
[0038]针对于本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种OKR对齐视图的生成方法，其特征在于，包括：获取节点信息，并根据所述节点信息的属性的类型进行创建，得到目标节点；根据所述目标节点，获取所述目标节点的节点类型，并根据所述目标节点的节点类型对所述目标节点进行展开，得到展开节点；收起所述目标节点与所述展开节点，其中将页面大小最小化，即将所述目标节点放入所述展开节点的下方；使用SVG将所述目标节点与所述展开节点连接，得到OKR对齐视图。2.根据权利要求1所述的方法，获取节点信息，并根据所述节点信息的属性的类型进行创建，得到目标节点，其特征在于，包括：所述节点信息的属性类型包括：width宽度、height高度、left、top、vinterval垂直间距、hinterval横向间距、key唯一标记、rootparent根节点、parent父节点、oNode，即Key Result节点所对应的Objective节点、rowindex，即x坐标节点、collndex，即y坐标节点。3.根据权利要求1所述的方法，根据所述目标节点，获取所述目标节点的节点类型，其特征在于，包括：其中，所述目标节点的节点类型包括Objective节点和Key Result节点。4.根据权利要求1或3中任意一项所述的方法，根据所述目标节点的节点类型对所述目标节点进行展开，得到展开节点，其特征在于，包括...

【专利技术属性】
技术研发人员：朱慧兰，
申请(专利权)人：上海中通吉网络技术有限公司，
类型：发明
国别省市：