Display Text Over SVG Element On Hover

Question

So I have a simple SVG element (copied below), and I want to display text (currently within the data-label attribute) when the rectangle with the bar

Answer 1

Try this, I think is more convenient way to do it:

nav {
    position: absolute;
    top:-11px;
}

ul {
    position: relative;
}
nav li {
    display:inline;
}
nav a {
    display:inline-block;
    visibility: hidden;
    padding-right:5px;
    text-decoration:none;
    color: white;
}
ul li:hover a {
    visibility:visible;
}

  

   
text_one
   
text_two
   
text_three