fix: ylabel margin issue

equinor · Apr 2, 2024 · 9c091f3 · 9c091f3
1 parent 553636b
commit 9c091f3
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 1 deletion.
diff --git a/web/src/Components/Bridging/BridgeGraph.tsx b/web/src/Components/Bridging/BridgeGraph.tsx
@@ -58,6 +58,7 @@ export function BridgeGraph({ bridges, sizeFractions }) {
           domain={[0, 100]}
           ticks={[20, 40, 60, 80, 100]}
           allowDataOverflow
+          width={75}
           label={{ value: 'Cumulative Volume (%)', angle: '270' }}
         />
         <Tooltip />

diff --git a/web/src/Components/Bridging/ParticleSizeDistributionGraph.tsx b/web/src/Components/Bridging/ParticleSizeDistributionGraph.tsx
@@ -55,7 +55,7 @@ export function ParticleSizeDistributionGraph({ bridges, sizeFractions }) {
           label={{ value: 'particle size (\u00B5m)', position: 'center', offset: 0 }}
           height={70}
         />
-        <YAxis type='number' label={{ value: 'Volume (%)', angle: '270' }} allowDataOverflow />
+        <YAxis type='number' label={{ value: 'Volume (%)', angle: '270' }} width={75} allowDataOverflow />
         <Tooltip />
         <Legend verticalAlign='bottom' align='center' />
         {Object.entries(bridges).map(([name, cumulative], index) => (