update parameters

src/components/Graph.vue

@@ -13,7 +13,12 @@ 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>
-  <SelectorLegend :data="option.legend.data" :show="legendSelector" @change="changeLegend" />
+  <SelectorLegend
+    :data="option.legend.data"
+    :show="legendSelector.isSelector"
+    :isConfigPage="legendSelector.isConfigPage"
+    @change="changeLegend"
+  />
   <div class="chart" ref="chartRef" :style="`height:${height};width:${width};`">
     <div v-if="!available" class="no-data">No Data</div>
     <div
@@ -87,8 +92,8 @@ limitations under the License. -->
       default: () => [],
     },
     legendSelector: {
-      type: Boolean,
-      default: false,
+      type: Object as PropType<Indexable>,
+      default: () => ({ isConfigPage: false, isSelector: false }),
     },
   });
   const available = computed(

src/components/SelectorLegend.vue

@@ -40,6 +40,10 @@ limitations under the License. -->
       type: Boolean,
       default: false,
     },
+    isConfigPage: {
+      type: Boolean,
+      default: false,
+    },
   });
   const emits = defineEmits(["change"]);
   const Options = computed(() => props.data.map((d: { name: string }) => ({ label: d.name, value: d.name })));

src/views/dashboard/graphs/Line.vue

@@ -19,7 +19,7 @@ limitations under the License. -->
       :filters="config.filters"
       :relatedTrace="config.relatedTrace"
       :associate="config.associate || []"
-      :legendSelector="legendSelector"
+      :legendSelector="{ isSelector: legendSelector, sConfigPage: dashboardStore.showConfig }"
       @select="clickEvent"
     />
     <Legend :config="config.legend" :data="data" :intervalTime="intervalTime" />
@@ -33,6 +33,7 @@ limitations under the License. -->
   import useLegendProcess from "@/hooks/useLegendProcessor";
   import { isDef } from "@/utils/is";
   import { useAppStoreWithOut } from "@/store/modules/app";
+  import { useDashboardStore } from "@/store/modules/dashboard";
   import { Themes } from "@/constants/data";
 
   /*global defineProps, defineEmits */
@@ -66,6 +67,7 @@ limitations under the License. -->
     },
   });
   const appStore = useAppStoreWithOut();
+  const dashboardStore = useDashboardStore();
   const setRight = ref<boolean>(false);
   const legendSelector = computed(() => props.config.legend?.asSelector);
   const option = computed(() => getOption());