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

update event associations

Browse Source
This commit is contained in:
Qiuxia Fan 2022-07-28 17:49:30 +08:00
parent b8ff623eb8
commit 1f98d2bfa1
2 changed files with 77 additions and 45 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/components/Graph.vue
View File

@ -115,6 +115,10 @@ watch(
}
if (props.filters) {
if (props.filters.isRange) {
if (!props.filters.duration.startTime) {
setOptions(props.option);
return;
}
const list = props.option.series[0].data.map(
(d: (number | string)[]) => d[0]
);

118
src/views/dashboard/related/event/Content.vue
View File

@ -125,22 +125,37 @@ function associateTraceLog(
const widgets = dashboard.filter((d: { type: string }) =>
["Trace", "Log"].includes(d.type)
);
const index = items[0];
const i = events[index - 1 || 0];
for (const widget of widgets) {
const index = items[0];
const i = events[index - 1 || 0];
const { start, end } = setEndTime(i.start, i.end, index);
const item = {
...widget,
filters: {
sourceId: props.data.id || "",
duration: {
startTime: dateFormatStep(start, appStore.duration.step, true),
endTime: dateFormatStep(end, appStore.duration.step, true),
step: appStore.duration.step,
if (isNaN(index)) {
const item = {
...widget,
filters: {
sourceId: props.data.id || "",
duration: {
startTime: null,
endTime: null,
step: appStore.duration.step,
},
},
},
};
dashboardStore.setWidget(item);
};
dashboardStore.setWidget(item);
} else {
const { start, end } = setEndTime(i.start, i.end);
const item = {
...widget,
filters: {
sourceId: props.data.id || "",
duration: {
startTime: dateFormatStep(start, appStore.duration.step, true),
endTime: dateFormatStep(end, appStore.duration.step, true),
step: appStore.duration.step,
},
},
};
dashboardStore.setWidget(item);
}
}
}
function associateMetrics(
@ -167,41 +182,54 @@ function associateMetrics(
const i = events[index - 1 || 0];
for (const widget of widgets) {
const { start, end } = setEndTime(i.start, i.end, index);
const startTime = dateFormatTime(start, appStore.duration.step);
const endTime = dateFormatTime(end, appStore.duration.step);
const item = {
...widget,
filters: {
sourceId: dashboardStore.selectedGrid.id || "",
isRange: true,
duration: {
startTime,
endTime,
if (isNaN(index)) {
const item = {
...widget,
filters: {
sourceId: dashboardStore.selectedGrid.id || "",
isRange: true,
duration: {
startTime: null,
endTime: null,
},
},
},
};
dashboardStore.setWidget(item);
};
dashboardStore.setWidget(item);
} else {
const { start, end } = setEndTime(i.start, i.end);
const startTime = dateFormatTime(start, appStore.duration.step);
const endTime = dateFormatTime(end, appStore.duration.step);
const item = {
...widget,
filters: {
sourceId: dashboardStore.selectedGrid.id || "",
isRange: true,
duration: {
startTime,
endTime,
},
},
};
dashboardStore.setWidget(item);
}
}
}
function setEndTime(start: Date, end: Date, index: number) {
function setEndTime(start: Date, end: Date) {
let time: Date | number = end;
if (!isNaN(index)) {
let diff = 60000;
switch (appStore.duration.step) {
case "MINUTE":
diff = 60000;
break;
case "HOUR":
diff = 3600000;
break;
case "DAY":
diff = 3600000 * 24;
break;
}
if (!end || end.getTime() - start.getTime() < diff) {
time = start.getTime() + diff;
}
let diff = 60000;
switch (appStore.duration.step) {
case "MINUTE":
diff = 60000;
break;
case "HOUR":
diff = 3600000;
break;
case "DAY":
diff = 3600000 * 24;
break;
}
if (!end || end.getTime() - start.getTime() < diff) {
time = start.getTime() + diff;
}
return { start, end: new Date(time) };
}