fix: move chart title inside BaseTimelineDetailedChart componet

OCR-D · May 14, 2024 · a235022 · a235022
1 parent f509faf
commit a235022
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 2 deletions.
diff --git a/src/components/workflows/timeline/BaseTimelineDetailedChart.vue b/src/components/workflows/timeline/BaseTimelineDetailedChart.vue
@@ -17,6 +17,7 @@ interface Props {
   tooltipContent: (d: TimelineChartDataPoint) => string,
   yAxisTitle?: string,
   workflow?: string,
+  label?: string,
   higherIsPositive?: boolean
 }
 
@@ -232,6 +233,7 @@ watch([() => props.data, () => props.startDate, () => props.endDate, () => props
 </script>
 
 <template>
+  <h3> {{ label }}</h3>
   <div class="svg-container" ref="container"></div>
 </template>
 

diff --git a/src/components/workflows/timeline/MetricAverageChart.vue b/src/components/workflows/timeline/MetricAverageChart.vue
@@ -84,12 +84,12 @@ function tooltipContent(d: TimelineChartDataPoint) {
       }
     }"
   >
-    <h3 class="font-semibold" style="width: 660px; margin-left: 40px">{{ gtName }}</h3>
     <BaseTimelineDetailedChart
       :data="data"
       :max-y="maxY"
       :y-axis-title="`${t(metric)} (${t(getUnitOfMetric(metric))})`"
       :workflow="workflowName"
+      :label="gtName"
       :start-date="startDate"
       :end-date="endDate"
       :tooltip-content="tooltipContent"

diff --git a/src/components/workflows/timeline/MetricChart.vue b/src/components/workflows/timeline/MetricChart.vue
@@ -71,12 +71,12 @@ function tooltipContent(d: TimelineChartDataPoint) {
       }
     }"
   >
-    <h3 class="font-semibold" style="width: 600px; margin-left: 40px">{{ gtName }}</h3>
     <BaseTimelineDetailedChart
       :data="data"
       :max-y="maxY"
       :y-axis-title="`${t(metric)} (${t(getUnitOfMetric(metric))})`"
       :workflow="workflowName"
+      :label="gtName"
       :start-date="startDate"
       :end-date="endDate"
       :tooltip-content="tooltipContent"