From 4e5181dd8a7cd7f156b1152fb079d1fe763123c6 Mon Sep 17 00:00:00 2001 From: Fine Date: Thu, 20 Feb 2025 15:53:48 +0800 Subject: [PATCH] update --- src/components/Graph/Graph.vue | 2 +- src/components/Graph/{SelectorLegend.vue => Legend.vue} | 4 ++-- src/types/components.d.ts | 1 + 3 files changed, 4 insertions(+), 3 deletions(-) rename src/components/Graph/{SelectorLegend.vue => Legend.vue} (97%) diff --git a/src/components/Graph/Graph.vue b/src/components/Graph/Graph.vue index 72bafa17..e484917e 100644 --- a/src/components/Graph/Graph.vue +++ b/src/components/Graph/Graph.vue @@ -61,7 +61,7 @@ limitations under the License. --> import Trace from "@/views/dashboard/related/trace/Index.vue"; import associateProcessor from "@/hooks/useAssociateProcessor"; import { WidgetType } from "@/views/dashboard/data"; - import SelectorLegend from "./SelectorLegend.vue"; + import SelectorLegend from "./Legend.vue"; /*global Nullable, defineProps, defineEmits, Indexable*/ const emits = defineEmits(["select"]); diff --git a/src/components/Graph/SelectorLegend.vue b/src/components/Graph/Legend.vue similarity index 97% rename from src/components/Graph/SelectorLegend.vue rename to src/components/Graph/Legend.vue index 6ee87052..4cb566c9 100644 --- a/src/components/Graph/SelectorLegend.vue +++ b/src/components/Graph/Legend.vue @@ -51,14 +51,14 @@ limitations under the License. --> }, }); const emits = defineEmits(["change"]); + const legend = ref([]); const Options = computed(() => props.data.map((d: { name: string }, index: number) => ({ label: d.name, value: d.name, - color: props.colors[index], + color: props.colors[index % props.colors.length], })), ); - const legend = ref([]); function changeLegend(opt: Option[]) { legend.value = opt.map((d: Option) => d.value); diff --git a/src/types/components.d.ts b/src/types/components.d.ts index 408b5e40..4823b474 100644 --- a/src/types/components.d.ts +++ b/src/types/components.d.ts @@ -46,6 +46,7 @@ declare module 'vue' { ElTooltip: typeof import('element-plus/es')['ElTooltip'] Graph: typeof import('./../components/Graph/Graph.vue')['default'] Icon: typeof import('./../components/Icon.vue')['default'] + Legend: typeof import('./../components/Graph/Legend.vue')['default'] Radio: typeof import('./../components/Radio.vue')['default'] RouterLink: typeof import('vue-router')['RouterLink'] RouterView: typeof import('vue-router')['RouterView']