From 7b2edb1b8f69a9328f6af63ae95e90eefcb5d6a2 Mon Sep 17 00:00:00 2001
From: ph <panhui3@huawei.com>
Date: Fri, 12 Mar 2021 15:38:01 +0800
Subject: [PATCH] sort the bar chart following the table

---
 .../src/views/profiling/profiling-cluster.vue | 31 ++++++++++---------
 1 file changed, 17 insertions(+), 14 deletions(-)

diff --git a/mindinsight/ui/src/views/profiling/profiling-cluster.vue b/mindinsight/ui/src/views/profiling/profiling-cluster.vue
index 8dbfec49..b74917c5 100644
--- a/mindinsight/ui/src/views/profiling/profiling-cluster.vue
+++ b/mindinsight/ui/src/views/profiling/profiling-cluster.vue
@@ -191,16 +191,16 @@ export default {
       tableData: [], // table data
       initOver: false, // init over
       pageSizes: [10, 20, 50],
-      group_condition: {
+      group_condition: { // page setting
         offset: 0,
         limit: 10,
       },
-      sort_condition: {
+      sort_condition: { // sort setting
         name: 'iteration_interval',
         type: 'descending',
       },
       totalCount: 0,
-      step: {
+      step: { // step info
         maxStep: '',
         filterStep: '',
         showStep: '',
@@ -322,16 +322,19 @@ export default {
       this.chartOption.dataset = {
         dimensions: ['rankID'].concat(Object.values(this.stepInfoCol)),
         source: this.chartData,
-      },
-      this.chartOption.dataZoom = this.chartData.length > 25 // show bar numbers as default
-            ? [
-              {
-                show: true,
-                startValue: 0,
-                endValue: 25,
-              },
-            ]
-            : [],
+      };
+      const endValue = this.chartData.length > 25 ? 25 : this.chartData.length; // show bar numbers as default
+      this.chartOption.dataZoom = [
+        {
+          startValue: 0,
+          endValue: endValue,
+        },
+        {
+          startValue: 0,
+          endValue: endValue,
+          type: 'inside',
+        },
+      ];
       this.$nextTick(()=> {
         if (!this.chartObj) {
           this.chartObj = echarts.init(this.$refs.clusterChart, null);
@@ -402,7 +405,7 @@ export default {
         type: column.order,
       };
       this.group_condition.offset = 0;
-      this.queryStepTraceInfo(false, false);
+      this.queryStepTraceInfo(true, false);
     },
     /**
      *  filter step to overview