[charts] line chart tooltip hover issue

[MainaMwangiy]

Steps to reproduce

Link to live example: (required)

Steps: Check this link: https://stackblitz.com/edit/react-udtkt5-beatyw?file=Demo.js

Current behavior

With some dates, it is having only one date visible on hover.

Expected behavior

Should be able to hover on different dates and see the value on the tooltip.

Context

I want to ensure that when I hover on a single date point, I get the specific date of that point. The solution given for this issue not working on some conditions. Please refer this issue. #13615

Your environment

npx @mui/envinfo

  Don't forget to mention which browser you used.
  Output from `npx @mui/envinfo` goes here.

Search keywords: line chart hover tooltip

[JCQuintas]

Hi @MainaMwangiy, can you show an example of what you are trying to achieve? It seems you want a vertical line chart, which is not really supported at the moment.

[alexfauquette]

To be precise the issue you see is that to map the pointer position to a x-value, we assume that points along the x-axis are sorted by increasing order