Recharts – пользовательская отметка оси X – неправильное преобразование на экране мобильного телефона ⇐ CSS

[Anonymous]

Я пытаюсь создать собственные метки для отметок оси X. Кажется, он нормально работает в веб-браузерах, но я не могу заставить его правильно расположиться на мобильном телефоне при повороте значка.
Это мой код метки:

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

const CustomXAxisTick = ({ x, y, payload, data }: any) => {
const degrees = 90 // this is dynamic later
return (





)
}

В Интернете:


Однако на мобильных устройствах (увидите, что значок переместился в верхний левый угол)


Есть предложения о том, как это исправить или почему это происходит?

Подробнее здесь: https://stackoverflow.com/questions/790 ... ile-screen