From 114d906834d8e92548cae474ccd29c8b24d11776 Mon Sep 17 00:00:00 2001
From: Fine <fanxue0830@gmail.com>
Date: Tue, 29 Nov 2022 16:04:43 +0800
Subject: [PATCH] update config

---
 src/components/Graph.vue                                  | 6 +++++-
 .../configuration/widget/RelatedTraceOptions.vue          | 1 -
 src/views/dashboard/controls/Widget.vue                   | 1 +
 src/views/dashboard/graphs/Area.vue                       | 1 +
 src/views/dashboard/graphs/Bar.vue                        | 8 +++++++-
 src/views/dashboard/graphs/Line.vue                       | 2 ++
 6 files changed, 16 insertions(+), 3 deletions(-)

diff --git a/src/components/Graph.vue b/src/components/Graph.vue
index f0069428..cb33cbe2 100644
--- a/src/components/Graph.vue
+++ b/src/components/Graph.vue
@@ -16,7 +16,7 @@ limitations under the License. -->
   <div class="chart" ref="chartRef" :style="`height:${height};width:${width};`">
     <div v-if="!available" class="no-data">No Data</div>
     <div class="menus" v-show="visMenus" ref="menus">
-      <div class="tools" @click="associateMetrics">
+      <div class="tools" @click="associateMetrics" v-if="associate.length">
         {{ t("associateMetrics") }}
       </div>
       <div
@@ -84,6 +84,10 @@ const props = defineProps({
   relatedTrace: {
     type: Object as PropType<RelatedTrace>,
   },
+  associate: {
+    type: Array as PropType<{ widgetId: string }[]>,
+    default: () => [],
+  },
 });
 const available = computed(
   () =>
diff --git a/src/views/dashboard/configuration/widget/RelatedTraceOptions.vue b/src/views/dashboard/configuration/widget/RelatedTraceOptions.vue
index 5e415bfc..352c1b4b 100644
--- a/src/views/dashboard/configuration/widget/RelatedTraceOptions.vue
+++ b/src/views/dashboard/configuration/widget/RelatedTraceOptions.vue
@@ -89,7 +89,6 @@ const traceOpt = relatedTrace || {};
 const status = ref<string>(traceOpt.status || Status[0].value);
 const queryOrder = ref<string>(traceOpt.queryOrder || QueryOrders[0].value);
 const latency = ref<boolean>(traceOpt.latency || false);
-console.log(dashboardStore.selectedGrid.relatedTrace);
 const enableRelate = ref<boolean>(traceOpt.enableRelate || false);
 const type = ref<string>((graph && graph.type) || "");
 const refIdType = ref<string>(traceOpt.refIdType || "traceId");
diff --git a/src/views/dashboard/controls/Widget.vue b/src/views/dashboard/controls/Widget.vue
index cccd42fb..ccb8f8e2 100644
--- a/src/views/dashboard/controls/Widget.vue
+++ b/src/views/dashboard/controls/Widget.vue
@@ -65,6 +65,7 @@ limitations under the License. -->
           metricConfig: data.metricConfig || [],
           filters: data.filters || {},
           relatedTrace: data.relatedTrace || {},
+          associate: data.associate || [],
         }"
         :needQuery="needQuery"
         @click="clickHandle"
diff --git a/src/views/dashboard/graphs/Area.vue b/src/views/dashboard/graphs/Area.vue
index 5e4336c4..018813bb 100644
--- a/src/views/dashboard/graphs/Area.vue
+++ b/src/views/dashboard/graphs/Area.vue
@@ -45,6 +45,7 @@ defineProps({
         filters: Filters;
         relatedTrace: RelatedTrace;
         id: string;
+        associate: { widgetId: string }[];
       }
     >,
     default: () => ({}),
diff --git a/src/views/dashboard/graphs/Bar.vue b/src/views/dashboard/graphs/Bar.vue
index ad52e48a..ec5cf219 100644
--- a/src/views/dashboard/graphs/Bar.vue
+++ b/src/views/dashboard/graphs/Bar.vue
@@ -14,7 +14,12 @@ See the License for the specific language governing permissions and
 limitations under the License. -->
 <template>
   <div class="graph" :class="isRight ? 'flex-h' : 'flex-v'">
-    <Graph :option="option" @select="clickEvent" :filters="config.filters" />
+    <Graph
+      :option="option"
+      @select="clickEvent"
+      :filters="config.filters"
+      :associate="config.associate || []"
+    />
     <Legend :config="config.legend" :data="data" :intervalTime="intervalTime" />
   </div>
 </template>
@@ -44,6 +49,7 @@ const props = defineProps({
         filters: Filters;
         relatedTrace: RelatedTrace;
         id: string;
+        associate: { widgetId: string }[];
       }
     >,
     default: () => ({}),
diff --git a/src/views/dashboard/graphs/Line.vue b/src/views/dashboard/graphs/Line.vue
index c26c6b12..1d0fdb71 100644
--- a/src/views/dashboard/graphs/Line.vue
+++ b/src/views/dashboard/graphs/Line.vue
@@ -19,6 +19,7 @@ limitations under the License. -->
       @select="clickEvent"
       :filters="config.filters"
       :relatedTrace="config.relatedTrace"
+      :associate="config.associate || []"
     />
     <Legend :config="config.legend" :data="data" :intervalTime="intervalTime" />
   </div>
@@ -50,6 +51,7 @@ const props = defineProps({
         filters?: Filters;
         relatedTrace?: RelatedTrace;
         id?: string;
+        associate: { widgetId: string }[];
       }
     >,
     default: () => ({