[charts] line chart tooltip hover issue about mui-x HOT 4 CLOSED

Hi @MainaMwangiy, it seems your setup is a bit different than what we expect, so it is causing issues when rendering. I don't know exactly how you want your chart to look, but there are potentially two ways to solve your issue.

1. Change your categories array to be ordered. The X axis scaleType: 'time' requires values in ascending/descending order. https://stackblitz.com/edit/react-udtkt5-dynxub?file=Demo.js

Alternatively

2. If your categories is in the correct order you want to display. You can change the X axis scaleType to 'band' and it will display correctly. https://stackblitz.com/edit/react-udtkt5-wxlw6x?file=Demo.js

from mui-x.

Hey @MainaMwangiy
Thanks for reaching out here.

@JCQuintas could you help with this?

from mui-x.

Hi @JCQuintas for the two suggestions and link for the solutions. They have fixed my issue. It seems ordering my categories in ascending/descending order fixes the issue. Thanks

from mui-x.

⚠️ This issue has been closed. If you have a similar problem but not exactly the same, please open a new issue.
Now, if you have additional information related to this issue or things that could help future readers, feel free to leave a comment.

@MainaMwangiy: How did we do? Your experience with our support team matters to us. If you have a moment, please share your thoughts in this short Support Satisfaction survey.

from mui-x.