fix: update resize

src/views/dashboard/related/trace/components/Statistics.vue

@@ -17,7 +17,11 @@ limitations under the License. -->
     <div class="trace-t-loading" v-show="loading">
       <Icon iconName="spinner" size="sm" />
     </div>
-    <TableContainer :tableData="tableData" type="statistics" HeaderType>
+    <TableContainer
+      :tableData="tableData"
+      type="statistics"
+      :HeaderType="HeaderType"
+    >
       <div class="trace-tips" v-if="!tableData.length">{{ $t("noData") }}</div>
     </TableContainer>
   </div>

src/views/dashboard/related/trace/components/table/Index.vue

@@ -17,7 +17,11 @@ limitations under the License. -->
     <div class="rk-trace-t-loading" v-show="loading">
       <Icon iconName="spinner" size="sm" />
     </div>
-    <TableContainer :tableData="tableData" type="table" HeaderType>
+    <TableContainer
+      :tableData="tableData"
+      type="table"
+      :HeaderType="HeaderType"
+    >
       <div class="trace-tips" v-if="!tableData.length">{{ $t("noData") }}</div>
     </TableContainer>
   </div>

src/views/dashboard/related/trace/utils/d3-trace-list.ts

@@ -300,4 +300,15 @@ export default class ListGraph {
       callback();
     }
   }
+  resize() {
+    if (!this.el) {
+      return;
+    }
+    this.width = this.el.clientWidth - 20;
+    this.height = this.el.clientHeight;
+    this.svg.attr("width", this.width).attr("height", this.height);
+    this.svg.select("g").attr("transform", () => `translate(160, 0)`);
+    const transform = d3.zoomTransform(this.svg).translate(0, 0);
+    d3.zoom().transform(this.svg, transform);
+  }
 }