Я использую Victory-Native в React-Native и не могу понять это.
Я создаю VictoryCandlestick с двумя осями, поэтому у меня есть что-то вроде этого:
У меня сейчас проблема в том, что мои данные динамические, числа справа могут исчисляться миллионами. Есть ли способ рассчитать, какое смещение я должен дать своей оси на основе ширины оси/меток? В противном случае мой текст обрезается в правой части экрана или перекрывает график, если я изменяю VictoryLabel textAnchor
Обрезанный текст вы можете решить с помощью свойства padding, например: padding={{ top: 40, bottom: 80, left: 40, right: 80 }}
Вы можете найти в документации: https://formidable.com/open-source/victory/docs/common-props/#padding
Что касается количества данных на оси, из-за того, что данные являются динамическими, вы можете решить, добавив контейнер «масштабирования», например, containerComponent={<VictoryZoomContainer zoomDomain={{ y: [ 0.0080, 0.0120 ] }} />}, где вы можете установить интервал, который будет начальным диапазоном, который будет отображаться на одном или обоих ось, и пользователь сможет перемещаться по заданной вами оси. Вот ссылка на документацию: https://formidable.com/open-source/victory/docs/victory-zoom-container/
Другим вариантом может быть реализация чего-то вроде этого примера здесь https://formidable.com/open-source/victory/gallery/brush-zoom/
