diff --git a/src/components/Discover/sidebarTraces.vue b/src/components/Discover/sidebarTraces.vue
index c726ab3..edddb76 100644
--- a/src/components/Discover/sidebarTraces.vue
+++ b/src/components/Discover/sidebarTraces.vue
@@ -58,22 +58,10 @@ import cytoscapeMapTrace from '@/module/cytoscapeMapTrace.js';
 
 export default {
   props: {
-    sidebarTraces: {
-      type: Boolean,
-      require: true,
-    },
-    traces: {
-      type: Array,
-      required: true,
-    },
-    traceTaskSeq: {
-      type: Array,
-      required: true,
-    },
-    cases: {
-      type: Array,
-      required: true,
-    },
+    sidebarTraces: Boolean,
+    traces: Array,
+    traceTaskSeq: Array,
+    cases: Array
   },
   data() {
     return {
@@ -89,20 +77,28 @@ export default {
       return this.traces.length;
     },
     traceList: function() {
-      let list = [];
+      // let list = [];
 
-      this.traces.forEach((trace, index) => {
-        let data = {
+      // this.traces.forEach((trace, index) => {
+      //   let data = {
+      //     id: trace.id,
+      //     value: Number((trace.ratio * 100).toFixed(1)),
+      //     count: trace.count,
+      //     ratio: this.getPercentLabel(trace.ratio),
+      //   };
+
+      //   list.push(data);
+      // });
+
+      // return list;
+      return this.traces.map(trace => {
+        return {
           id: trace.id,
           value: Number((trace.ratio * 100).toFixed(1)),
           count: trace.count,
           ratio: this.getPercentLabel(trace.ratio),
         };
-
-        list.push(data);
-      });
-
-      return list;
+      }).sort((x, y) => x.id - y.id);
     },
   },
   methods: {