github/skywalking-booster-ui
2
0
Fork 1
mirror of https://github.com/apache/skywalking-booster-ui.git synced 2025-05-02 03:14:50 +00:00
Code Issues Packages Projects Releases Wiki Activity

update

Browse Source
This commit is contained in:
Fine 2025-04-08 18:42:14 +08:00
parent 54a44e93e2
commit 77c1db0337
3 changed files with 7 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
src/views/dashboard/related/trace/components/D3Graph/Index.vue
View File

@ -434,7 +434,8 @@ limitations under the License. -->
fill: #409eff;
}
.highlightedParent .node {
.highlightedParent .node,
.highlighted .node {
stroke-width: 4;
fill: var(--font-color);
stroke: var(--font-color);

2
src/views/dashboard/related/trace/utils/d3-trace-list.ts
View File

@ -119,7 +119,7 @@ export default class ListGraph {
d3.select("svg.trace-list").on("click", function (event: MouseEvent) {
if (event.target === this) {
d3.select("#trace-action-box").style("display", "none");
t.selectedNode.classed("highlighted", false);
t.selectedNode && t.selectedNode.classed("highlighted", false);
}
});
}

8
src/views/dashboard/related/trace/utils/d3-trace-tree.ts
View File

@ -143,7 +143,7 @@ export default class TraceMap {
d3.select("svg.d3-trace-tree").on("click", function (event: MouseEvent) {
if (event.target === this) {
d3.select("#trace-action-box").style("display", "none");
t.selectedNode.classed("highlighted", false);
t.selectedNode && t.selectedNode.classed("highlighted", false);
}
});
@ -244,7 +244,7 @@ export default class TraceMap {
.append("text")
.attr("class", "node-text")
.attr("x", function (d: Recordable) {
return d.children || d._children ? -45 : 15;
return d.children || d._children ? -30 : 15;
})
.attr("dy", "1.5em")
.attr("fill", appStore.theme === Themes.Dark ? "#888" : "#bbb")
@ -304,7 +304,7 @@ export default class TraceMap {
.on("click", function (event: MouseEvent, d: Trace & { id: string }) {
event.stopPropagation();
t.tip.hide(d, this);
d3.select(this).classed("highlighted", true);
d3.select(this.parentNode).classed("highlighted", true);
const nodeBox = this.getBoundingClientRect();
const svgBox = (d3.select(`.${t.el?.className} .d3-trace-tree`) as any).node().getBoundingClientRect();
const offsetX = nodeBox.x - svgBox.x;
@ -313,7 +313,7 @@ export default class TraceMap {
.style("display", "block")
.style("left", `${offsetX + 30}px`)
.style("top", `${offsetY + 40}px`);
t.selectedNode = d3.select(this);
t.selectedNode = d3.select(this.parentNode);
if (t.handleSelectSpan) {
t.handleSelectSpan(d);
}