github/skywalking-booster-ui
2
0
Fork 1
mirror of https://github.com/apache/skywalking-booster-ui.git synced 2025-05-15 09:48:43 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix frame graph

Browse Source
This commit is contained in:
Qiuxia Fan 2022-05-24 11:04:47 +08:00
parent 45f896bf36
commit eaa17ca2b3
1 changed files with 6 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
src/views/dashboard/related/ebpf/components/EBPFStack.vue
View File

@ -68,12 +68,13 @@ function drawGraph() {
root.value = param[0]; root.value = param[0];
root.dumpCount = param[1]; root.dumpCount = param[1];
stackTree.value = root; 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() flameChart.value = flamegraph()
.width(w - 15) .width(w - 2)
.cellHeight(18) .cellHeight(10)
.transitionDuration(750) .transitionDuration(750)
.minFrameSize(5) .minFrameSize(1)
.transitionEase(d3.easeCubic as any) .transitionEase(d3.easeCubic as any)
.sort(true) .sort(true)
.title("") .title("")
@ -169,6 +170,7 @@ watch(
width: 100%; width: 100%;
height: 100%; height: 100%;
cursor: pointer; cursor: pointer;
min-width: 1000px;
} }
.tip { .tip {