github/skywalking-booster-ui
2
0
Fork 1
mirror of https://github.com/apache/skywalking-booster-ui.git synced 2025-07-17 14:55:25 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix trace

Browse Source
This commit is contained in:
Qiuxia Fan 2022-03-24 22:15:13 +08:00
parent 4380a874de
commit e6416d7a66
3 changed files with 7 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
src/views/Layer.vue
View File

@ -52,7 +52,6 @@ getDashboard();
async function getDashboard() { async function getDashboard() {
layer.value = routesMap[String(route.name)]; layer.value = routesMap[String(route.name)];
console.log(layer.value);
dashboardStore.setLayer(layer.value); dashboardStore.setLayer(layer.value);
dashboardStore.setEntity(EntityType[1].value); dashboardStore.setEntity(EntityType[1].value);
dashboardStore.setMode(false); dashboardStore.setMode(false);

1
src/views/dashboard/configuration/Widget.vue
View File

@ -90,7 +90,6 @@ import configs from "./widget/graph-styles";
import WidgetOptions from "./widget/WidgetOptions.vue"; import WidgetOptions from "./widget/WidgetOptions.vue";
import StandardOptions from "./widget/StandardOptions.vue"; import StandardOptions from "./widget/StandardOptions.vue";
import MetricOptions from "./widget/MetricOptions.vue"; import MetricOptions from "./widget/MetricOptions.vue";
import { ListChartTypes } from "../data";
export default defineComponent({ export default defineComponent({
name: "ConfigEdit", name: "ConfigEdit",

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

@ -40,14 +40,15 @@ export default class ListGraph {
constructor(el: HTMLDivElement, handleSelectSpan: (i: Trace) => void) { constructor(el: HTMLDivElement, handleSelectSpan: (i: Trace) => void) {
this.handleSelectSpan = handleSelectSpan; this.handleSelectSpan = handleSelectSpan;
this.el = el; this.el = el;
this.width = el.clientWidth - 20; this.width = el.clientWidth - 10;
this.height = el.clientHeight; this.height = el.clientHeight;
this.svg = d3 this.svg = d3
.select(this.el) .select(this.el)
.append("svg") .append("svg")
.attr("class", "trace-list-dowanload") .attr("class", "trace-list-dowanload")
.attr("width", this.width) .attr("width", this.width)
.attr("height", this.height); .attr("height", this.height)
.attr("transform", `translate(-5, 0)`);
this.tip = (d3tip as any)() this.tip = (d3tip as any)()
.attr("class", "d3-tip") .attr("class", "d3-tip")
.offset([-8, 0]) .offset([-8, 0])
@ -220,7 +221,7 @@ export default class ListGraph {
nodeEnter nodeEnter
.transition() .transition()
.duration(400) .duration(400)
.attr("transform", (d: any) => `translate(${d.y},${d.x})`) .attr("transform", (d: any) => `translate(${d.y + 10},${d.x})`)
.style("opacity", 1); .style("opacity", 1);
nodeEnter nodeEnter
.append("circle") .append("circle")
@ -243,7 +244,7 @@ export default class ListGraph {
node node
.transition() .transition()
.duration(400) .duration(400)
.attr("transform", (d: any) => `translate(${d.y},${d.x})`) .attr("transform", (d: any) => `translate(${d.y + 10},${d.x})`)
.style("opacity", 1) .style("opacity", 1)
.select("circle") .select("circle")
.attr("fill", (d: any) => .attr("fill", (d: any) =>
@ -273,8 +274,9 @@ export default class ListGraph {
.attr("fill", "rgba(0,0,0,0)") .attr("fill", "rgba(0,0,0,0)")
.attr("stroke", "rgba(0, 0, 0, 0.1)") .attr("stroke", "rgba(0, 0, 0, 0.1)")
.attr("stroke-width", 2) .attr("stroke-width", 2)
.attr("transform", `translate(10, 0)`)
.attr("d", () => { .attr("d", () => {
const o = { x: source.x0 + 35, y: source.y0 }; const o = { x: source.x0 + 40, y: source.y0 };
return this.diagonal({ source: o, target: o }); return this.diagonal({ source: o, target: o });
}) })
.transition() .transition()