update config

src/components/Graph.vue

@@ -19,7 +19,11 @@ limitations under the License. -->
       <div class="tools" @click="associateMetrics">
         {{ t("associateMetrics") }}
       </div>
-      <div class="tools" @click="viewTrace">
+      <div
+        class="tools"
+        @click="viewTrace"
+        v-if="props.relatedTrace && props.relatedTrace.enableRelate"
+      >
         {{ t("viewTrace") }}
       </div>
     </div>

src/locales/lang/en.ts

@@ -163,6 +163,7 @@ const msg = {
   queryOrder: "Query Order",
   latency: "Latency",
   metricValues: "Metric Values",
+  enableRelatedTrace: "Enable Related Trace",
   seconds: "Seconds",
   hourTip: "Select Hour",
   minuteTip: "Select Minute",

src/locales/lang/es.ts

@@ -167,6 +167,7 @@ const msg = {
   viewTrace: "Ver trazas relacionadas",
   relatedTraceOptions: "Opciones de seguimiento relacionadas",
   setLatencyDuration: "Establecer el rango de retardo",
+  enableRelatedTrace: "Activar trazas relacionadas",
   second: "s",
   yearSuffix: "Año",
   monthsHead: "Ene_Feb_Mar_Abr_May_Jun_Jul_Ago_Set_Oct_Nov_Dic",

src/locales/lang/zh.ts

@@ -160,6 +160,7 @@ const msg = {
   queryOrder: "查询顺序",
   latency: "延迟",
   metricValues: "指标值",
+  enableRelatedTrace: "启用相关Trace",
   seconds: "秒",
   hourTip: "选择小时",
   minuteTip: "选择分钟",

src/types/dashboard.d.ts

@@ -47,7 +47,8 @@ export type RelatedTrace = {
   duration: DurationTime;
   status: string;
   queryOrder: string;
-  latency: any;
+  latency: boolean;
+  enableRelate: boolean;
 };
 
 export type Filters = {

src/views/dashboard/configuration/widget/RelatedTraceOptions.vue

@@ -13,6 +13,16 @@ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 See the License for the specific language governing permissions and
 limitations under the License. -->
 <template>
+  <div class="item">
+    <span class="label">{{ t("enableRelatedTrace") }}</span>
+    <el-switch
+      v-model="enableRelate"
+      active-text="Yes"
+      inactive-text="No"
+      @change="updateConfig({ enableRelate })"
+    />
+  </div>
+  <div v-show="enableRelate">
     <div class="item">
       <span class="label">{{ t("status") }}</span>
       <Selector
@@ -42,6 +52,7 @@ limitations under the License. -->
         @change="updateConfig({ latency })"
       />
     </div>
+  </div>
 </template>
 <script lang="ts" setup>
 import { ref } from "vue";
@@ -55,6 +66,7 @@ const traceOpt = dashboardStore.selectedGrid.relatedTrace || {};
 const status = ref<string>(traceOpt.status || Status[0].value);
 const queryOrder = ref<string>(traceOpt.queryOrder || QueryOrders[0].value);
 const latency = ref<boolean>(traceOpt.setLatencyDuration || false);
+const enableRelate = ref<boolean>(traceOpt.enableRelate || false);
 
 function updateConfig(param: { [key: string]: unknown }) {
   const relatedTrace = {