CORE-4993: add sdg % text

oacore · Oct 29, 2024 · 672d089 · 672d089
1 parent f1e1366
commit 672d089
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 4 deletions.
diff --git a/templates/sdg/charts/horizontalSdgChart.jsx b/templates/sdg/charts/horizontalSdgChart.jsx
@@ -27,7 +27,7 @@ const CustomYAxisTick = ({ x, y, data, index }) => {
 }
 
 const CustomLabel = ({ x, y, width, value, totalOutputCount, toggle }) => {
-  const labelWidth = value.toString().length * 30
+  const labelWidth = value.toString().length * 40
   const fitsInside = width > labelWidth
   const displayValue = toggle
     ? `${((value / totalOutputCount) * 100).toFixed(2)}%`

diff --git a/templates/sdg/charts/reChartBarChart.jsx b/templates/sdg/charts/reChartBarChart.jsx
@@ -57,10 +57,10 @@ const ReChartBarChart = ({
             return (
               // eslint-disable-next-line react/no-array-index-key
               <p key={`item-${index}`} style={{ color }}>
-                {entry.name} (proportion of all papers with SDG):{' '}
-                {firstPercentage}%
+                {firstPercentage}% of all papers belong to {entry.name}
                 <br />
-                {entry.name} (percentage of all papers): {secondPercentage}%
+                {secondPercentage}% of papers with an SDG label belong to{' '}
+                {entry.name}
               </p>
             )
           }