From 07cc6ed9adb5ce664fedbfa2470b039815c15be3 Mon Sep 17 00:00:00 2001
From: WeiFeng-mindinsight <huangweifeng4@huawei.com>
Date: Sat, 20 Jun 2020 18:50:07 +0800
Subject: [PATCH] UI step trace add dataZoom

---
 mindinsight/ui/src/locales/zh-cn.json               |  4 ++--
 .../ui/src/views/train-manage/step-trace.vue        | 13 +++++++++++--
 2 files changed, 13 insertions(+), 4 deletions(-)

diff --git a/mindinsight/ui/src/locales/zh-cn.json b/mindinsight/ui/src/locales/zh-cn.json
index 1788a93..4732668 100644
--- a/mindinsight/ui/src/locales/zh-cn.json
+++ b/mindinsight/ui/src/locales/zh-cn.json
@@ -265,7 +265,7 @@
       "desc": "性能分析与优化指导"
     },
     "minddata_pipeline-proposer_type_label": {
-      "desc": "Minddata pipeline性能优化建议"
+      "desc": "数据处理性能优化参考建议"
     },
     "minddata_pipeline-general": {
       "desc": "Pipeline中的算子{n1}可能存在性能瓶颈，请用户重点关注。"
@@ -286,7 +286,7 @@
       "desc": "经过上述判断，算子{n1}可能存在优化空间。"
     },
     "minddata-proposer_type_label": {
-      "desc": "数据处理性能分析"
+      "desc": "迭代间隙性能分析"
     },
     "minddata_device_queue": {
       "desc": "主机侧队列为空比例{n1}/{n2}，为满比例{n3}/{n4}。"
diff --git a/mindinsight/ui/src/views/train-manage/step-trace.vue b/mindinsight/ui/src/views/train-manage/step-trace.vue
index d71b671..a246e34 100644
--- a/mindinsight/ui/src/views/train-manage/step-trace.vue
+++ b/mindinsight/ui/src/views/train-manage/step-trace.vue
@@ -300,13 +300,22 @@ export default {
                     left: 50,
                     top: 50,
                     right: 50,
-                    bottom: 20,
+                    bottom: 50,
                   },
                   series: timeInfo,
                   tooltip: {
                     trigger: 'axis',
                     confine: true,
                   },
+                  dataZoom: [
+                    {
+                      bottom: 0,
+                    },
+                    {
+                      type: 'inside',
+                      bottom: 0,
+                    },
+                  ],
                 };
                 if (type === 'iteration_interval') {
                   option.yAxis.name = `${this.$t(
@@ -680,7 +689,7 @@ export default {
       margin-right: 15px;
       width: calc(33.3% - 10px);
       border: 1px solid #ccc;
-      padding: 30px;
+      padding: 30px 30px 0;
       border-radius: 4px;
       overflow: auto;
       &:last-child {
-- 
GitLab