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

Add label zOrder configuration #87

Closed
lucagrammer opened this issue Sep 12, 2022 · 2 comments
Closed

Add label zOrder configuration #87

lucagrammer opened this issue Sep 12, 2022 · 2 comments
Labels
feature request New feature or request

Comments

@lucagrammer
Copy link

Hi, thanks for this great and very useful library.
I would like to suggest a very small improvement that would greatly improve the usability, which is often compromised when using paths. Indeed, paths are the last element rendered on the SVG and therefore they cover the labels associated with the nodes, making them unreadable.

My suggestion is to change the rendering order or provide a zOrder option in configs to change it. In fact there is no other way (css z-index doesn't work with SVGs) to alter this property.

Schermata 2022-09-12 alle 13 31 20

Thank you very much!

@dash14 dash14 added the feature request New feature or request label Sep 20, 2022
@dash14
Copy link
Owner

dash14 commented Dec 29, 2022

Hi @lucagrammer,
Thank you for suggesting a nice feature!
Sorry for the delay, but I have implemented and released this feature. (v0.8.1)
Targets not only labels but also built-in layers such as nodes and focus rings, allowing the order of layers to be changed.
For more details, please refer to the example.
https://dash14.github.io/v-network-graph/examples/layers.html#change-the-order-of-built-in-layers

Thank you very much for your support!

@lucagrammer
Copy link
Author

Thank you very much for your work

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

No branches or pull requests

2 participants