diff --git a/src/views/dashboard/related/ebpf/components/EBPFStack.vue b/src/views/dashboard/related/ebpf/components/EBPFStack.vue index a363b19f..9193f88e 100644 --- a/src/views/dashboard/related/ebpf/components/EBPFStack.vue +++ b/src/views/dashboard/related/ebpf/components/EBPFStack.vue @@ -68,12 +68,13 @@ function drawGraph() { root.value = param[0]; root.dumpCount = param[1]; stackTree.value = root; - const w = (graph.value && graph.value.getBoundingClientRect().width) || 10; + const width = (graph.value && graph.value.getBoundingClientRect().width) || 0; + const w = width < 800 ? 802 : width; flameChart.value = flamegraph() - .width(w - 15) - .cellHeight(18) + .width(w - 2) + .cellHeight(10) .transitionDuration(750) - .minFrameSize(5) + .minFrameSize(1) .transitionEase(d3.easeCubic as any) .sort(true) .title("") @@ -169,6 +170,7 @@ watch( width: 100%; height: 100%; cursor: pointer; + min-width: 1000px; } .tip {