GitHub-Proxy/signoz
1
0
Fork 0
mirror of https://git.mirrors.martin98.com/https://github.com/SigNoz/signoz synced 2025-09-24 06:53:13 +08:00
Code Issues Packages Projects Releases Wiki Activity

Fix flamegraph

Browse Source
This commit is contained in:
“himanshu” 2021-01-19 10:26:49 +05:30
parent 2a039150a8
commit 14a585641c
1 changed files with 10 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
frontend/src/components/traces/TraceGraph.tsx
View File

@ -58,15 +58,18 @@ const _TraceGraph = (props: TraceGraphProps) => {
.width(640) .width(640)
.cellHeight(18) .cellHeight(18)
.transitionDuration(500) .transitionDuration(500)
.minFrameSize(5)
.sort(true)
.inverted(true) .inverted(true)
.tooltip(tip) .tooltip(tip)
.minFrameSize(10)
.elided(false) .elided(false)
.onClick(onClick)
// .title("Trace Flame graph")
.differential(false) .differential(false)
.selfValue(true); //sets span width based on value - which is mapped to duration .sort(true)
//Use self value=true when we're using not using aggregated option, Which is not our case.
// In that case it's doing step function sort of stuff thru computation.
// Source flamegraph.js line 557 and 573.
// .selfValue(true)
.onClick(onClick)
.title("Trace Flame graph");
return ( return (
<Row gutter={{ xs: 8, sm: 16, md: 24, lg: 32 }}> <Row gutter={{ xs: 8, sm: 16, md: 24, lg: 32 }}>
@ -81,7 +84,7 @@ const _TraceGraph = (props: TraceGraphProps) => {
<Button type="primary" onClick={setResetZoom.bind(this, true)}> <Button type="primary" onClick={setResetZoom.bind(this, true)}>
Reset Zoom Reset Zoom
</Button> </Button>
<div id="chart" style={{ fontSize: 12 }}></div> <div id="chart" style={{ fontSize: 12, marginTop: 20}}></div>
</Card> </Card>
<SelectedSpanDetails clickedSpanTags={clickedSpanTags} /> <SelectedSpanDetails clickedSpanTags={clickedSpanTags} />