Bar chart incorrect history load

### Current Behavior

When the page is refreshed and a bar chart loaded from history, it ignores the order of the bars.
On the start, I clear the chart and fill series with labels and values with zeros. When the appropriate series arrives, it correctly shows the value for the correct bar. However, when the page is refreshed, the bars are weirdly reordered.

https://github.com/FlowFuse/node-red-dashboard/assets/47942899/fd01470a-c0fa-41e5-b2cf-20bf00e828d2

### Expected Behavior

The order of bars should persist across refreshes.

### Steps To Reproduce

Flow to reproduce
[Test flow.json](https://github.com/FlowFuse/node-red-dashboard/files/14893676/Test.flow.json)

### Environment

- Dashboard version: 1.7.1
- Node-RED version: 3.1.8
- Node.js version: 18.19.0
- npm version: 10.2.3
- Platform/OS: Linux RPi
- Browser: Firefox and Chrome

### Have you provided an initial effort estimate for this issue?

I am not a FlowFuse team member