Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

自动布局,设置align: "UL"后布局问题 #4182

Open
news-ttt opened this issue Jan 24, 2024 · 0 comments
Open

自动布局,设置align: "UL"后布局问题 #4182

news-ttt opened this issue Jan 24, 2024 · 0 comments

Comments

@news-ttt
Copy link

Describe the bug

使用自动布局那个例子,将align改为UL,给第二层节点增加若干,给增加的最后一个第二层节点增加一个第三层节点,这时自动布局会将上面的节点分到下面来,很丑
image

Your Example Website or App

https://x6.antv.antgroup.com/examples/showcase/practices#orgchart

Steps to Reproduce the Bug or Issue

  1. 设置 g.setGraph({ rankdir: dir, align: "UL", nodesep: 50, ranksep: 50 })
  2. 设置数据如下
const nodes = [
  createNode('Founder & Chairman', 'Pierre Omidyar', male),
  createNode('President & CEO', 'Margaret C. Whitman', female),
  createNode('President, PayPal', 'Scott Thompson', male),
  createNode('President, Ebay Global Marketplaces', 'Devin Wenig', male),
  createNode('Senior Vice President Human Resources', 'Jeffrey S. Skoll', male),
  createNode('Senior Vice President Controller', 'Steven P. Westly', male),
  createNode('President & CEO', 'Margaret C. Whitman', female),
  createNode('President, PayPal', 'Scott Thompson', male),
  createNode('President, Ebay Global Marketplaces', 'Devin Wenig', male),
  createNode('Senior Vice President Human Resources', 'Jeffrey S. Skoll', male),
  createNode('Senior Vice President Controller', 'Steven P. Westly', male),
  createNode('Senior Vice President Controller', 'Steven P. Westly', male),
]

const edges = [
  createEdge(nodes[0], nodes[1]),
  createEdge(nodes[0], nodes[6]),
  createEdge(nodes[0], nodes[7]),
  createEdge(nodes[0], nodes[8]),
  createEdge(nodes[0], nodes[9]),
  createEdge(nodes[0], nodes[10]),
  createEdge(nodes[0], nodes[2]),
  createEdge(nodes[1], nodes[3]),
  createEdge(nodes[1], nodes[4]),
  createEdge(nodes[1], nodes[5]),
  createEdge(nodes[10], nodes[11]),
]

自动布局会触发样式的问题

Expected behavior

上面的节点还是固定在那,下面的还是在下面

Screenshots or Videos

No response

Platform

  • OS: Windows
  • Browser: Chrome
  • Version: 2.*

Additional context

No response

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant