Chart.js data goes backwards when retroactively pushing datapoint from HTTP request using Angular

[DuncanTLaw]

I am trying to push these sets of bodyweight data from my HTTP request where the GET request returns the below data:
bodyweight (this is formatted as year: month : date: {logId: number, bodyweightValue: number}:

2020:
  11:
    06: {logId: 5, value: 70}
  12:
    17: {logId: 2, value: 82}
    ...
2021:
  01:
    02: {logId: 9, value: 81.6}
    04: {logId: 13, value: 75.4}
    10: {logId: 10, value: 80}
    13: {logId: 11, value: 87}
    14: {logId: 12, value: 90}
    17: {logId: 14, value: 95}
    25: {logId: 15, value: 82}

From these data, datapoints 2021: 01: 02 and 2021: 01: 04 were added retrospectively, ie. the were added later than the 2nd/4th January of 2021.

The method used to add these data to the chart is as follows:

this.metricsHttpService.getTrackingMetrics(clientId).subscribe((res) => {
      if (res.metric.bodyweight) {
        for (const year in res.metric.bodyweight) {
          if (res.metric.bodyweight[year]) {
            for (const month in res.metric.bodyweight[year]) {
              if (res.metric.bodyweight[year][month]) {
                for (const date in res.metric.bodyweight[year][month]) {
                  if (res.metric.bodyweight[year][month][date]) {
                    this.onUpdateChart(year, month, date, res.metric.bodyweight[year][month][date].value);
                  }
                }
              }
            }
          }
        }

EDIT: This is fixed by sorting the data first! @ moderators you can close this discussion