antvis / hierarchy

Layout algorithms for visualizing hierarchical data.
MIT License
254 stars 31 forks source link

同一层级中,不同的父节点与子节点之间的垂直间距不同,如何保证连接线不出现弯曲,不对称 #22

Open qiufeihong2018 opened 1 year ago

qiufeihong2018 commented 1 year ago
  const result = Hierarchy.mindmap(data, {
      direction: 'LR',
      getHeight(d: node) {
        return d?.height;
      },
      getWidth(d: node) {
        return d?.width;
      },
      getHGap() {
        return 40;
      },
      // 父节点与子节点之间的垂直间距
      getVGap(d: MindMapData) {
        // 缩小节点间的间距。如果出现了校验不通过,那么将高度重置
        return d.type === NodeType.xx&& d.msg? 20 : 8;
      },
      getSide: () => {
        return 'right';
      },
    });

正常如下:

image

然后操作过后,出现了第二层和第三层中间的连接线是不对称的,如下

image

请问这个bug怎么解呢?

QJvic commented 10 months ago

+1