UI step trace add dataZoom

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}。"

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 {