title: Multiple areachart overlaps each other so unable to hover over it
body: <p>When I want to for example hover over my area chart dot symbols I could not do it because they could overlap each other.</p>
  
  <p>See images:
  <a href="https://i.stack.imgur.com/AU0cL.png" rel="nofollow noreferrer">Hover over event not triggered - No tooltip shows up</a></p>
  
  <p><a href="https://i.stack.imgur.com/CCMQs.png" rel="nofollow noreferrer">Hover over event triggered - Tooltip shows up</a></p>
  
  <p>Maybe I can place the charts in the same layer or something like that to make it work properly? </p>
  
  <p>What I noticed: As the charts loads in, the newer one covers the older one.
  I could load the chart which has higher Y axis values first and than the charts with smaller Y axis values.
  But that solution would only work in those cases where every single chart points are clearly bigger/smaller than the other chart's points.</p>