diff --git a/src/views/Layer.vue b/src/views/Layer.vue index 71dbb62f..f071bbaa 100644 --- a/src/views/Layer.vue +++ b/src/views/Layer.vue @@ -52,7 +52,6 @@ getDashboard(); async function getDashboard() { layer.value = routesMap[String(route.name)]; - console.log(layer.value); dashboardStore.setLayer(layer.value); dashboardStore.setEntity(EntityType[1].value); dashboardStore.setMode(false); diff --git a/src/views/dashboard/configuration/Widget.vue b/src/views/dashboard/configuration/Widget.vue index 57c1184c..442e8595 100644 --- a/src/views/dashboard/configuration/Widget.vue +++ b/src/views/dashboard/configuration/Widget.vue @@ -90,7 +90,6 @@ import configs from "./widget/graph-styles"; import WidgetOptions from "./widget/WidgetOptions.vue"; import StandardOptions from "./widget/StandardOptions.vue"; import MetricOptions from "./widget/MetricOptions.vue"; -import { ListChartTypes } from "../data"; export default defineComponent({ name: "ConfigEdit", diff --git a/src/views/dashboard/related/trace/utils/d3-trace-list.ts b/src/views/dashboard/related/trace/utils/d3-trace-list.ts index f987e1bd..dcb9306f 100644 --- a/src/views/dashboard/related/trace/utils/d3-trace-list.ts +++ b/src/views/dashboard/related/trace/utils/d3-trace-list.ts @@ -40,14 +40,15 @@ export default class ListGraph { constructor(el: HTMLDivElement, handleSelectSpan: (i: Trace) => void) { this.handleSelectSpan = handleSelectSpan; this.el = el; - this.width = el.clientWidth - 20; + this.width = el.clientWidth - 10; this.height = el.clientHeight; this.svg = d3 .select(this.el) .append("svg") .attr("class", "trace-list-dowanload") .attr("width", this.width) - .attr("height", this.height); + .attr("height", this.height) + .attr("transform", `translate(-5, 0)`); this.tip = (d3tip as any)() .attr("class", "d3-tip") .offset([-8, 0]) @@ -220,7 +221,7 @@ export default class ListGraph { nodeEnter .transition() .duration(400) - .attr("transform", (d: any) => `translate(${d.y},${d.x})`) + .attr("transform", (d: any) => `translate(${d.y + 10},${d.x})`) .style("opacity", 1); nodeEnter .append("circle") @@ -243,7 +244,7 @@ export default class ListGraph { node .transition() .duration(400) - .attr("transform", (d: any) => `translate(${d.y},${d.x})`) + .attr("transform", (d: any) => `translate(${d.y + 10},${d.x})`) .style("opacity", 1) .select("circle") .attr("fill", (d: any) => @@ -273,8 +274,9 @@ export default class ListGraph { .attr("fill", "rgba(0,0,0,0)") .attr("stroke", "rgba(0, 0, 0, 0.1)") .attr("stroke-width", 2) + .attr("transform", `translate(10, 0)`) .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 }); }) .transition()