feat(top_slowquery): support select time range on the chart

[baurine]

[netlify[bot]]

✅ Deploy Preview for tidb-dashboard ready!

Name	Link
🔨 Latest commit	e7ed067dea6b4bdcffde35ee214f9ac0cacb173f
🔍 Latest deploy log	https://app.netlify.com/sites/tidb-dashboard/deploys/660b720113ee3300094e99dd
😎 Deploy Preview	https://deploy-preview-1665--tidb-dashboard.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[codecov[bot]]

Codecov Report

All modified and coverable lines are covered by tests :white_check_mark:

Project coverage is 23.66%. Comparing base (e44a58d) to head (e7ed067).

Additional details and impacted files

```diff @@ Coverage Diff @@ ## master #1665 +/- ## ======================================= Coverage 23.66% 23.66% ======================================= Files 177 177 Lines 16055 16055 ======================================= Hits 3800 3800 Misses 11970 11970 Partials 285 285 ``` | [Flag](https://app.codecov.io/gh/pingcap/tidb-dashboard/pull/1665/flags?src=pr&el=flags&utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=pingcap) | Coverage Δ | | |---|---|---| | [backend_integration](https://app.codecov.io/gh/pingcap/tidb-dashboard/pull/1665/flags?src=pr&el=flag&utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=pingcap) | `8.98% <ø> (ø)` | | | [backend_ut](https://app.codecov.io/gh/pingcap/tidb-dashboard/pull/1665/flags?src=pr&el=flag&utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=pingcap) | `26.17% <ø> (ø)` | | Flags with carried forward coverage won't be shown. [Click here](https://docs.codecov.io/docs/carryforward-flags?utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=pingcap#carryforward-flags-in-the-pull-request-comment) to find out more. ------ [Continue to review full report in Codecov by Sentry](https://app.codecov.io/gh/pingcap/tidb-dashboard/pull/1665?dropdown=coverage&src=pr&el=continue&utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=pingcap). > **Legend** - [Click here to learn more](https://docs.codecov.io/docs/codecov-delta?utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=pingcap) > `Δ = absolute (impact)`, `ø = not affected`, `? = missing data` > Powered by [Codecov](https://app.codecov.io/gh/pingcap/tidb-dashboard/pull/1665?dropdown=coverage&src=pr&el=footer&utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=pingcap). Last update [e44a58d...e7ed067](https://app.codecov.io/gh/pingcap/tidb-dashboard/pull/1665?dropdown=coverage&src=pr&el=lastupdated&utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=pingcap). Read the [comment docs](https://docs.codecov.io/docs/pull-request-comments?utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=pingcap).

[ti-chi-bot[bot]]

[APPROVALNOTIFIER] This PR is APPROVED

This pull-request has been approved by: shhdgit

The full list of commands accepted by this bot can be found here.

The pull request process is described here

Needs approval from an approver in each of these files: - ~~[OWNERS](https://github.com/pingcap/tidb-dashboard/blob/master/OWNERS)~~ [shhdgit] Approvers can indicate their approval by writing `/approve` in a comment Approvers can cancel approval by writing `/approve cancel` in a comment

[ti-chi-bot[bot]]

[LGTM Timeline notifier]

Timeline:

• 2024-04-02 02:52:33.291466305 +0000 UTC m=+326014.819006852: :ballot_box_with_check: agreed by shhdgit.