update event associations

src/components/Graph.vue

@@ -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]
         );

src/views/dashboard/related/event/Content.vue

@@ -125,10 +125,24 @@ function associateTraceLog(
   const widgets = dashboard.filter((d: { type: string }) =>
     ["Trace", "Log"].includes(d.type)
   );
-  for (const widget of widgets) {
   const index = items[0];
   const i = events[index - 1 || 0];
-    const { start, end } = setEndTime(i.start, i.end, index);
+  for (const widget of widgets) {
+    if (isNaN(index)) {
+      const item = {
+        ...widget,
+        filters: {
+          sourceId: props.data.id || "",
+          duration: {
+            startTime: null,
+            endTime: null,
+            step: appStore.duration.step,
+          },
+        },
+      };
+      dashboardStore.setWidget(item);
+    } else {
+      const { start, end } = setEndTime(i.start, i.end);
       const item = {
         ...widget,
         filters: {
@@ -143,6 +157,7 @@ function associateTraceLog(
       dashboardStore.setWidget(item);
     }
   }
+}
 function associateMetrics(
   items: number[],
   events: {
@@ -167,7 +182,21 @@ function associateMetrics(
   const i = events[index - 1 || 0];
 
   for (const widget of widgets) {
-    const { start, end } = setEndTime(i.start, i.end, index);
+    if (isNaN(index)) {
+      const item = {
+        ...widget,
+        filters: {
+          sourceId: dashboardStore.selectedGrid.id || "",
+          isRange: true,
+          duration: {
+            startTime: null,
+            endTime: null,
+          },
+        },
+      };
+      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 = {
@@ -184,9 +213,9 @@ function associateMetrics(
       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":
@@ -202,7 +231,6 @@ function setEndTime(start: Date, end: Date, index: number) {
   if (!end || end.getTime() - start.getTime() < diff) {
     time = start.getTime() + diff;
   }
-  }
   return { start, end: new Date(time) };
 }