improving flamegraph tooltip vis

This commit is contained in:
Pranay Prateek 2021-01-22 01:22:47 +05:30
parent f8a05e535f
commit 4ccbe6fdd6
2 changed files with 3 additions and 3 deletions

View File

@ -4,14 +4,14 @@
background: rgba(0, 0, 0, 0.8); background: rgba(0, 0, 0, 0.8);
color: #fff; color: #fff;
border-radius: 2px; border-radius: 2px;
font-size: 6px; font-size: 12px;
} }
/* Creates a small triangle extender for the tooltip */ /* Creates a small triangle extender for the tooltip */
.d3-tip:after { .d3-tip:after {
box-sizing: border-box; box-sizing: border-box;
display: inline; display: inline;
font-size: 6px; font-size: 12px;
width: 100%; width: 100%;
line-height: 1; line-height: 1;
color: rgba(0, 0, 0, 0.8); color: rgba(0, 0, 0, 0.8);

View File

@ -46,7 +46,7 @@ const _TraceGraph = (props: TraceGraphProps) => {
.default() .default()
.attr("class", "d3-tip") .attr("class", "d3-tip")
.html(function (d: any) { .html(function (d: any) {
return d.data.name + "<br>duration: " + d.data.value; return d.data.name + "<br>duration: " + d.data.value/1000000+'ms';
}); });
const onClick = (z: any) => { const onClick = (z: any) => {