set the z-index for nodes and edges in graph

dash14 / v-network-graph

An interactive network graph visualization component for Vue 3

https://dash14.github.io/v-network-graph/

MIT License

495 stars 44 forks source link

set the z-index for nodes and edges in graph #39

Closed RainBoltz closed 2 years ago

RainBoltz commented 2 years ago

hi, I am wondering if there is any way I can set the z-index for specific nodes and edges? (ex. I want the node to be 'z-index=999' when I trigger the hover event) thx!

dash14 commented 2 years ago

Hi @RainBoltz, Thanks for the suggestion! I guess it would be a nice interaction feedback for users the nodes and edges were brought to the front on mouse hover. So, I have implemented it. Please try the latest version (v0.4.2).

Added the ability to specify the z-index of each Node/Edge in config. Also added a flag to bring it to the front with hover and selected. Please see the example for more details.

RainBoltz commented 2 years ago

thank you, this is what i am looking for! You are amazing <3