title: How to add a horizontal line at a specific point in chart.js when hovering?
body: <p>I want to be able to add multiple points as a reference place where I can show the horizontal line. </p>
  
  <p>Here is an image of what I'm trying to achieve:</p>
  
  <p><a href="https://i.stack.imgur.com/KsVwa.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/KsVwa.png" alt="img"></a></p>
  
  <p>I want to also make it so that when you don't hover over a point its opacity gets reduced and  when you hover over it the opacity is normal. I'm also not sure how to add the square and make the square bigger when hovered hover and it adds the 'wow' text. I appreciate any help.</p>