From f7ee90079d2653ceec1c32d3c0d83cb6373c92e9 Mon Sep 17 00:00:00 2001
From: "amtul.noor" <amtul.noor@stud.uni-goettingen.de>
Date: Wed, 10 Jan 2024 11:54:25 +0100
Subject: [PATCH] fix: metric-dependant trend colors for single workflow 
 charts

---
 src/components/workflows/timeline/MetricChart.vue | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/src/components/workflows/timeline/MetricChart.vue b/src/components/workflows/timeline/MetricChart.vue
index ee0c095..b596714 100644
--- a/src/components/workflows/timeline/MetricChart.vue
+++ b/src/components/workflows/timeline/MetricChart.vue
@@ -6,6 +6,7 @@ import { metricChartTooltipContent } from "@/helpers/metric-chart-tooltip-conten
 import OverlayPanel from 'primevue/overlaypanel'
 import BaseTimelineDetailedChart from "@/components/workflows/timeline/BaseTimelineDetailedChart.vue"
 import timelineStore from "@/store/timeline-store"
+import {isHigherPositive} from "@/helpers/metrics";
 
 const props = defineProps<{
   runs: EvaluationRun[],
@@ -55,6 +56,7 @@ function tooltipContent(d: TimelineChartDataPoint) {
       :end-date="endDate"
       :tooltip-content="tooltipContent"
       :width="400"
+      :higher-is-positive="isHigherPositive(metric)"
     />
   </div>
   <OverlayPanel
@@ -75,6 +77,7 @@ function tooltipContent(d: TimelineChartDataPoint) {
       :tooltip-content="tooltipContent"
       :height="400"
       :width="660"
+      :higher-is-positive="isHigherPositive(metric)"
     />
   </OverlayPanel>
 </template>
-- 
GitLab