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

fix

Browse Source
This commit is contained in:
Fine 2025-03-19 10:53:59 +08:00
parent c4504b7423
commit d8e8e7fb7b
1 changed files with 7 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -48,7 +48,7 @@ export default class ListGraph {
this.el = el; this.el = el;
this.width = el.getBoundingClientRect().width - 10; this.width = el.getBoundingClientRect().width - 10;
this.height = el.getBoundingClientRect().height - 10; this.height = el.getBoundingClientRect().height - 10;
d3.select(".trace-list-dowanload").remove(); d3.select(`.${this.el.className} .trace-list-dowanload`).remove();
this.svg = d3 this.svg = d3
.select(this.el) .select(this.el)
.append("svg") .append("svg")
@ -86,7 +86,7 @@ export default class ListGraph {
L${d.target.y} ${d.target.x - 5}`; L${d.target.y} ${d.target.x - 5}`;
} }
init(data: Recordable, row: Recordable[], fixSpansSize: number) { init(data: Recordable, row: Recordable[], fixSpansSize: number) {
d3.select(".trace-xaxis").remove(); d3.select(`.${this.el?.className} .trace-xaxis`).remove();
this.row = row; this.row = row;
this.data = data; this.data = data;
this.min = d3.min(this.row.map((i) => i.startTime)); this.min = d3.min(this.row.map((i) => i.startTime));
@ -251,14 +251,14 @@ export default class ListGraph {
.attr("cx", (d: Recordable) => { .attr("cx", (d: Recordable) => {
const events = d.data.attachedEvents; const events = d.data.attachedEvents;
if (events && events.length > 9) { if (events && events.length > 9) {
return 272; return 273;
} else { } else {
return 270; return 271;
} }
}) })
.attr("cy", -5) .attr("cy", -5)
.attr("fill", "none") .attr("fill", appStore.theme === Themes.Dark ? "#fff" : "#ccc")
.attr("stroke", appStore.theme === Themes.Dark ? "#666" : "#e66") .attr("stroke", "#e66")
.style("opacity", (d: Recordable) => { .style("opacity", (d: Recordable) => {
const events = d.data.attachedEvents; const events = d.data.attachedEvents;
if (events && events.length) { if (events && events.length) {
@ -271,7 +271,7 @@ export default class ListGraph {
.append("text") .append("text")
.attr("x", 267) .attr("x", 267)
.attr("y", -1) .attr("y", -1)
.attr("fill", appStore.theme === Themes.Dark ? "#666" : "#e66") .attr("fill", "#e66")
.style("font-size", "10px") .style("font-size", "10px")
.text((d: Recordable) => { .text((d: Recordable) => {
const events = d.data.attachedEvents; const events = d.data.attachedEvents;