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); + } }