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

泳道图 三个节点的label展示在了同一条线上,导致我不知道label 对应的是那条路径,这个如何解决呢? #3693

Closed
History-1024 opened this issue Jun 19, 2023 · 6 comments
Labels
type: discussion 讨论 Usage questions, guidance, and other discussions

Comments

@History-1024
Copy link

问题描述

image
如图,我有三个节点的label 展示在了一条线上,导致我不知道label 对应的是那条路径,这个如何解决呢?

重现链接

暂无

重现步骤

见问题描述

预期行为

我期望看到三条线 而不是合并在一条线 或者有其他的办法能展示出来 label和对应的路径

平台

  • 操作系统: [macOS, Windows, Linux, React Native ...]
  • 网页浏览器: [Google Chrome, Safari, Firefox ...]
  • X6 版本: [2.11.1 ...]

屏幕截图或视频(可选)

No response

补充说明(可选)

No response

@NewByVector
Copy link
Contributor

设置连接点偏移能否满足你的需求呢?参考例子

@NewByVector NewByVector added the type: discussion 讨论 Usage questions, guidance, and other discussions label Jul 3, 2023
@History-1024
Copy link
Author

您说的这个方案 我试了一下 效果还是不好
image
image

我现在想通过 高亮路径时展示不同的高亮颜色和不同的颜色的路径label来区分 这个路径abel的颜色如何在点击节点时 让它和路径一起变色呢

@History-1024
Copy link
Author

我这个图表是基于 官网中的泳道图实现的 如果还有其他的修改办法 麻烦告诉我

@NewByVector
Copy link
Contributor

@542473232
同时修改边和标签需要分别设置:

graph.on('edge:mouseenter', ({edge}) => {
  edge.attr('line/stroke', 'red')
  edge.prop('labels/0/attrs/label/fill', 'red')
})

@History-1024
Copy link
Author

好的 谢谢

@x6-bot
Copy link
Contributor

x6-bot bot commented Jul 10, 2024

This thread has been automatically locked because it has not had recent activity.

Please open a new issue for related bugs and link to relevant comments in this thread.

@x6-bot x6-bot bot locked as resolved and limited conversation to collaborators Jul 10, 2024
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
type: discussion 讨论 Usage questions, guidance, and other discussions
Projects
None yet
Development

No branches or pull requests

2 participants