How to hide highChart plotLine label until mouseover?

Question

http://jsfiddle.net/leongaban/n36y336z/

I have a plotline series on my highChart which has a label. What I\'m trying to do is hide the label until mouseover

Answer 1

Use display instead of visible

plotLines: [{ // mark the weekend
  label: {
    text: 'label',
    style: {
      display: 'none'
    }
  },
  events: {
    mouseover: function (e) {
      this.label.element.style.display='block';
    },
    mouseout: function (e) {
      this.label.element.style.display='none';
    }
  }
}], 

JSFiddle demo