Recharts Tick на оси y не совпадает с картезиангридом ⇐ Javascript

[Anonymous]

Как вы можете видеть на 1 -й картинке, текст «16L» не вертикально выравнивается с линией картезиангрид. Я пытаюсь использовать syncwithticks = {true} , но не работает. Можно ли отрегулировать положение самого верхнего клеща, чтобы она выровнялась? < /P>

Код: Выделить всё

'use client'

import React from "react";
import {
Bar,
BarChart,
CartesianGrid,
ResponsiveContainer,
XAxis,
YAxis,
} from "recharts";

export const InnerBarChart = () => {
const formattedWaterUsage = [
{
date: "00:00",
startTs: 1751958000000,
endTs: 1751961599000,
volume: 12.337,
},
{
date: "01:00",
startTs: 1751961600000,
endTs: 1751965199000,
volume: 14.179,
},
{
date: "02:00",
startTs: 1751965200000,
endTs: 1751968799000,
volume: 11.665,
},
{
date: "03:00",
startTs: 1751968800000,
endTs: 1751972399000,
volume: 13.541,
},
];

return (




 {
return `${value} L`;
}}
/>



);
};

фактический результат

ожидаемый результат


Подробнее здесь: https://stackoverflow.com/questions/796 ... tesiangrid