Show annotation on mouseHover

[Shaggy84675]

Hello, is it possible to show annotation min/max y-axis range only when you hover mouse over the line or over the dot marker? What I would like to do is show range where the values are acceptable. I'm using line chart.

Here's visualization how it should look:

I've tried something like this:

chart: {
    events: {
      dataPointMouseEnter: function(event, chartContext, config) {
       chart.updateOptions({
        annotations: {
          yaxis: [
            {
              y: 2,
              y2: 5,
              borderColor: '#000',
              fillColor: '#FEB019',
              label: {
                text: 'Y-axis range'
              }
            }
          ]
        },
      });
      }
    }
  }

and during event dataPointMouseLeave clear the yaxis annotations, but I'm getting errors in the console and I'm not sure if this gonna work.

Thank you