From c0264c72a256c4f7e8523627dc661ed05fd209c3 Mon Sep 17 00:00:00 2001
From: zhoupzh <zhoupzh@pcl.ac.cn>
Date: Wed, 15 Jun 2022 11:41:10 +0800
Subject: [PATCH] fix issue

---
 web_src/js/index.js | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/web_src/js/index.js b/web_src/js/index.js
index c7d77bdb4..ef12b4158 100755
--- a/web_src/js/index.js
+++ b/web_src/js/index.js
@@ -5093,8 +5093,9 @@ function initChartsNpu() {
       data: []
     },
     grid: {
-      top: '30%',
+      top: '35%',
       bottom: '2%',
+      x: '2%',
       containLabel: true
     },
     tooltip: {
@@ -5130,14 +5131,16 @@ function initChartsNpu() {
 
     series: []
   };
+  const sortBy = (arr, k) => arr.concat().sort((a, b) => (a[k] > b[k] ? 1 : a[k] < b[k] ? -1 : 0));
   $('.metric_chart').click(function (e) {
     let versionName = $(this).data('version')
     let myCharts = echarts.init(document.getElementById(`metric-${versionName}`))
-    $.get(`${window.config.AppSubUrl}/api/v1/repos/${userName}/${repoPath}/modelarts/train-job/${jobID}/metric_statistics?version_name=${versionName}&statistic_type=each`, (res) => {
+    $.get(`${window.config.AppSubUrl}/api/v1/repos/${userName}/${repoPath}/modelarts/train-job/${jobID}/metric_statistics?version_name=${versionName}&statistic_type=each&metrics=`, (res) => {
       let filterDta = res.MetricsInfo.filter((item) => {
 
         return !(['recvBytesRate', 'diskWriteRate', 'sendBytesRate', 'diskReadRate'].includes(item.metric))
       })
+      filterDta = sortBy(filterDta, "metric")
       let legenData = filterDta.map((item) => {
         return item.metric
       })