Refactor/show metrics in the same order

Created by: justahole

What type of PR is this?

Uncomment only one /kind <> line, hit enter to put that in a new line, and remove leading whitespaces from that line:

/kind bug

What this PR does / why we need it:

Which issue(s) this PR fixes:

Fixes #https://github.com/kubesphere/kubesphere/issues/1865#event-3033806576

Special notes for reviewers:

Additional documentation, usage docs, etc.: