diff --git a/src/views/dashboard/related/topology/components/Graph.vue b/src/views/dashboard/related/topology/components/Graph.vue index 3f4b5259..f1f84b38 100644 --- a/src/views/dashboard/related/topology/components/Graph.vue +++ b/src/views/dashboard/related/topology/components/Graph.vue @@ -331,7 +331,7 @@ function update() { } }); const htmlClient = linkClientMetrics.map((m: string, index: number) => { - const opt: MetricConfigOpt = linkClientMetricConfig[index]; + const opt: MetricConfigOpt = linkClientMetricConfig[index] || {}; const metric = topologyStore.linkClientMetrics[m].values.find( (val: { id: string; value: unknown }) => val.id === data.id ); diff --git a/src/views/dashboard/related/topology/components/Metrics.vue b/src/views/dashboard/related/topology/components/Metrics.vue index 93f13d9c..0a79ce95 100644 --- a/src/views/dashboard/related/topology/components/Metrics.vue +++ b/src/views/dashboard/related/topology/components/Metrics.vue @@ -126,9 +126,9 @@ function changeMetric(val: string) { }; } watch( - () => props.metrics, - (arr) => { - const m = arr.map((d: string) => { + () => props.type, + () => { + const m = props.metrics.map((d: string) => { return { label: d, value: d }; }); metrics.value = m.length ? m : [{ label: "", value: "" }]; @@ -140,6 +140,7 @@ watch( label: "", calculation: "", }; + console.log(currentConfig.value); } ); diff --git a/src/views/dashboard/related/topology/components/Settings.vue b/src/views/dashboard/related/topology/components/Settings.vue index 93d9b135..ed485ccc 100644 --- a/src/views/dashboard/related/topology/components/Settings.vue +++ b/src/views/dashboard/related/topology/components/Settings.vue @@ -215,15 +215,6 @@ limitations under the License. -->