[charts][LineChart] scaleType: "time" not working correctly

[Abhishek332]

Steps to reproduce

Link to live example: (required)

Steps:

1. Use a LineChart
2. give scaleType: "time" and dataset for 30 days
3. In x-Axis see, it is showing Aug 25, instead of Sun 25

Current behavior

Showing random labels in between

Expected behavior

It should maintain same format for all the labels, if it is showing label after 1 day interval, it should manage that interval all the way. Also it show Month name in some labels if it is showing day date format all labels should show in same format

These are the labels I see when I given 30 days point. Mon 29 Wed 31 Sat 03 Mon 05 Wed 07 Fri 09 Aug 11 Tue 13 Thu 15 Sat 17 Mon 19 Wed 21 Fri 23 Aug 25 Tue 27

Context

When implementing LineChart for 30 days

Your environment

npx @mui/envinfo

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

Search keywords: LineChart