From 3d2a03ca22c63c7ce9f3a690a46a4213c04808d9 Mon Sep 17 00:00:00 2001
From: Damien Coraboeuf <damien.coraboeuf@gmail.com>
Date: Sat, 7 Dec 2024 08:31:48 +0100
Subject: [PATCH] #1365 Fixing some issues in the stability chart

---
 ontrack-web-core/components/charts/CountChart.js   | 14 ++++++++------
 .../components/charts/PercentageChart.js           |  4 +++-
 2 files changed, 11 insertions(+), 7 deletions(-)

diff --git a/ontrack-web-core/components/charts/CountChart.js b/ontrack-web-core/components/charts/CountChart.js
index 79f194488e..bf2737a60f 100644
--- a/ontrack-web-core/components/charts/CountChart.js
+++ b/ontrack-web-core/components/charts/CountChart.js
@@ -3,7 +3,13 @@ import {useEffect, useState} from "react";
 import {Bar, CartesianGrid, ComposedChart, Legend, Tooltip, XAxis, YAxis} from "recharts";
 import ChartContainer from "@components/charts/ChartContainer";
 
-export default function CountChart({query, variables, yTickFormatter}) {
+export default function CountChart({
+                                       query,
+                                       variables,
+                                       yTickFormatter,
+                                       legendFormatter = () => "Count ",
+                                       domain,
+                                   }) {
 
     const client = useGraphQLClient()
 
@@ -40,10 +46,6 @@ export default function CountChart({query, variables, yTickFormatter}) {
         }
     }, [client, query, variables]);
 
-    const legendFormatter = (value, entry, index) => {
-        return "Count"
-    }
-
     const [inactiveSeries, setInactiveSeries] = useState([])
 
     const legendClick = ({dataKey}) => {
@@ -62,7 +64,7 @@ export default function CountChart({query, variables, yTickFormatter}) {
                 >
                     <CartesianGrid strokeDasharray="3 3"/>
                     <XAxis dataKey="date" angle={-45} tickMargin={30} height={80} interval="preserveStart"/>
-                    <YAxis tickFormatter={yTickFormatter}/>
+                    <YAxis tickFormatter={yTickFormatter} domain={domain}/>
                     <Tooltip/>
                     <Legend formatter={legendFormatter} onClick={legendClick} style={{cursor: 'pointer'}}/>
                     <Bar dataKey="value" fill="#6666aa" hide={inactiveSeries.includes('value')}/>
diff --git a/ontrack-web-core/components/charts/PercentageChart.js b/ontrack-web-core/components/charts/PercentageChart.js
index 24c829a2be..32374dcca3 100644
--- a/ontrack-web-core/components/charts/PercentageChart.js
+++ b/ontrack-web-core/components/charts/PercentageChart.js
@@ -8,7 +8,9 @@ export default function PercentageChart({query, variables}) {
             <CountChart
                 query={query}
                 variables={variables}
-                yTickFormatter={percentageFormatter()}
+                yTickFormatter={percentageFormatter}
+                legendFormatter={() => "%"}
+                domain={[0, 100]}
             />
         </>
     )