一种基于d3鱼骨对节点的操作方法与流程

技术特征：
1.一种基于d3鱼骨对节点的操作方法，其特征在于：包括以下步骤：s1：通过d3渲染一副完整的鱼骨；所述完整的鱼骨包括鱼头、主骨、大骨，一个鱼骨对应一个问题；d3通过创建节点元素组件即createelement组件生成鱼头节点、大骨节点、主骨直线、大骨直线；所述每个节点有对应的id、层级、数据；所述数据为具体的原因；所述鱼头节点数据是指工程师分析产品时遇到的具体问题，鱼头节点处于鱼骨节点层级结构中的第一层；所述大骨节点数据为产生鱼头节点数据对应问题的主要原因，每一个大骨节点数据对应一个原因，大骨节点处于节点层级结构中的第二层；s2：对大骨节点进行增加、删除、移动操作；包括如下子步骤：s21：在大骨节点上增加对应的中骨节点；工程师对各个大骨节点对应的原因进行进一步判断，如果大骨节点对应的原因可以进一步细分为子原因，则在大骨节点上增加子原因对应的中骨节点；如果大骨节点对应的原因不能进一步细分为子原因，则不添加对应的中骨节点；通过获取元素id组件即getelementbyid组件根据大骨节点的id获取当前大骨节点的层级和数据；通过添加子节点组件即appendchild组件在获取的大骨节点下增加对应的中骨节点；s22：删除大骨节点所包含的中骨节点；工程师对各个大骨节点包含的中骨节点对应的原因进行进一步判断，如果中骨节点对应的原因不是构成大骨节点对应原因的必要原因，则在大骨节点上删除子原因对应的中骨节点；如果中骨节点对应的原因是构成大骨节点对应原因的必要原因，则不删除子原因对应的中骨节点；通过获取元素id组件即getelementbyid组件根据大骨节点的id获取当前大骨节点的层级和数据；通过删除子节点组件即removechild组件删除工程师想要删除的大骨节点所包含的中骨节点；s23：移动大骨节点的中骨节点；工程师对各个大骨节点包含的中骨节点对应的原因进行进一步判断，如果中骨节点对应的原因不是构成对应大骨节点对应原因的必要原因，而是构成其他大骨节点对应原因的必要原因，则移动中骨节点到正确的大骨节点下；如果不是，则不需要移动；获取元素id组件即getelementbyid组件组件获取当前中骨节点的层级和数据及移动后对应大骨节点的层级和数据，遍历节点数组，通过删除子节点组件即removechild组件删除当前节点，并在获取到的移动后大骨节点下通过添加子节点组件即appendchild组件增加对应的中骨节点，通过d3生成中骨直线；s3：完成对节点的操作，生成问题对应的鱼骨图。2.如权利要求1所述的一种基于d3鱼骨对节点的操作方法，其特征在于：步骤s1中，d3绘制主骨，包括主骨直线的起点坐标、终点坐标、直线的宽度以及直线终
点处的箭头标记。3.如权利要求2所述的一种基于d3鱼骨对节点的操作方法，其特征在于：d3绘制直线终点处的箭头标记；所述主骨直线终点处的箭头连接鱼头节点。4.如权利要求1所述的一种基于d3鱼骨对节点的操作方法，其特征在于：步骤s1中，d3绘制大骨，包括大骨直线的起点坐标、终点坐标、直线的宽度以及直线终点处的箭头标记；所述大骨直线的箭头与主骨直线相交。5.如权利要求1所述的一种基于d3鱼骨对节点的操作方法，其特征在于：步骤s2中，d3绘制中骨，包括中骨直线的起点坐标、终点坐标、直线的宽度以及直线终点处的箭头标记，所述中骨直线的箭头与对应的大骨直线相交，且中骨直线与主骨直线平行。6.如权利要求1所述的一种基于d3鱼骨对节点的操作方法，其特征在于：将主骨直线、大骨直线和中骨直线设置为不同的宽度。

技术总结
本发明提供一种基于d3鱼骨对节点的操作方法，包括如下步骤：S1：通过d3渲染一副完整的鱼骨；S2：对大骨节点进行增加、删除、移动操作；S3：完成对节点的操作，生成问题对应的鱼骨图；本发明提出的基于d3鱼骨对节点的操作方法实现了在鱼骨图中增加鱼骨节点、删除鱼骨节点、移动鱼骨节点的功能，工程师运用鱼骨图进行问题分析时，可以对产生问题的原因进行进一步的分析，即对鱼骨节点进一步生成子鱼骨节点，分析过程中可以删除非主要原因对应的鱼骨节点或修改鱼骨节点内容，更能够清楚便捷地分析出产生问题的原因、找到关键原因，从而获得解决问题的办法。问题的办法。


技术研发人员：杨松贵 汝子东
受保护的技术使用者：南京维拓科技股份有限公司
技术研发日：2022.12.30
技术公布日：2023/3/10