diff --git a/src/views/dashboard/related/trace/components/Statistics.vue b/src/views/dashboard/related/trace/components/Statistics.vue
index 8c0d0076..23aed019 100644
--- a/src/views/dashboard/related/trace/components/Statistics.vue
+++ b/src/views/dashboard/related/trace/components/Statistics.vue
@@ -17,7 +17,11 @@ limitations under the License. -->
-
+
{{ $t("noData") }}
diff --git a/src/views/dashboard/related/trace/components/table/Index.vue b/src/views/dashboard/related/trace/components/table/Index.vue
index 521ef16d..de1ae041 100644
--- a/src/views/dashboard/related/trace/components/table/Index.vue
+++ b/src/views/dashboard/related/trace/components/table/Index.vue
@@ -17,7 +17,11 @@ limitations under the License. -->
-
+
{{ $t("noData") }}
diff --git a/src/views/dashboard/related/trace/utils/d3-trace-list.ts b/src/views/dashboard/related/trace/utils/d3-trace-list.ts
index 2b577da2..fa89beca 100644
--- a/src/views/dashboard/related/trace/utils/d3-trace-list.ts
+++ b/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);
+ }
}