enhancement: modify the display effect on the xAxis of tooltip charts

[wangyantong2000]

Brief Information

This pull request is in the type of (more info about types):

• [ ] build
• [ ] ci
• [ ] docs
• [X] feat
• [ ] fix
• [ ] perf
• [ ] refactor
• [ ] test

Related issues (all available keywords):

• resolve #762

Details

When the time interval between the starting point and the ending point is long, the effect is as follows.

https://github.com/hypertrons/hypertrons-crx/assets/135088663/2c45983c-98af-490a-b428-02fb817794db

When the time interval between the starting point and the ending point is short, the effect remains the same as before, and the effect is as follows.

Checklist

• [x] I have read the CONTRIBUTING doc
• [x] I have signed the CLA

Others

[CLAassistant]

All committers have signed the CLA.

[CLAassistant]

Thank you for your submission! We really appreciate it. Like many open source projects, we ask that you sign our Contributor License Agreement before we can accept your contribution.
_{You have signed the CLA already but the status is still pending? Let us recheck it.}

[wxharry]

Please change the title to fix or enhancement. Your contribution are not just a style change, but a great improvement on the UI. Thanks for your efforts and contribution! 😸