[Bug]: Line chart/Area chart mandatory sorting x values

Library

React / v8 (@fluentui/react)

System Info

System:
    OS: Windows 10 10.0.22621
    CPU: (8) x64 Intel(R) Core(TM) i7-10610U CPU @ 1.80GHz
    Memory: 2.62 GB / 15.73 GB
  Browsers:
    Edge: Spartan (44.22621.2283.0), Chromium (117.0.2045.43)
    Internet Explorer: 11.0.22621.1

Are you reporting Accessibility issue?

None

Reproduction

See bug description below

Bug Description

Current behavior

while using Line chart with date (X value)

if the x values not sorted as this example will display in strange way as:

after sorting the x values as this it will looks better as expected:

Expected behavior:

The line chart and area chart x values should be sorted by default.
We can provide a prop if we need to disable default sorting behavior.

Logs

No response

Requested priority

Normal

Products/sites affected

Reproes on the demo site https://aka.ms/fluentcharting

Are you willing to submit a PR to fix?

no

Validations

• Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.
• The provided reproduction is a minimal reproducible example of the bug.