fix(web): sort line chart data according to time order

[chenluli]

Description

The lines were connected according to the original order of the data. When the data was not arranged in chronological order, the lines were tangled in the line chart. This PR is to fix the issue by sorting the data by time when drawing the line chart

Snapshots:

before:

after:

Checklist:

• My code follows the style guidelines of this project
• I have already rebased the commits and make the commit message conform to the project standard.
• I have performed a self-review of my own code
• I have commented my code, particularly in hard-to-understand areas
• I have made corresponding changes to the documentation
• Any dependent changes have been merged and published in downstream modules

[Aralhi]

LGTM, thanks so much for your immediate response. ❤️

[csunny]

r+