#css #reactjs #react-chartjs
#css #reactjs #react-chartjs
Вопрос:
Я создал блок-схему с использованием пакета npm react-zoom-pan-pinch
Проблема :
Диаграмма имеет ограничение в левой и верхней части, и она кажется бесконечной в правой и нижней частях.
Есть ли какой-либо вариант, с помощью которого я могу расширить диаграмму со всех четырех сторон?
Пакеты имеют множество опций, включая масштабирование, панорамирование, сжатие и т.д. Я подправил многие из них, но безуспешно.
Заранее спасибо.
Комментарии:
1. Какой это тип диаграммы: столбчатая, круговая, гистограмма, временная шкала?
2. Забыл упомянуть, что это блок-схема
3. «расширьте диаграмму на все четыре стороны», пожалуйста, укажите, хотите ли вы, чтобы масштабирование работало на всех 4 сторонах, при сжатии или увеличении?
4. Если я уменьшу масштаб диаграммы, я не смогу расширить свою диаграмму в левой и верхней части после ограничения @HaiderAliAnjum
5. Ограничения по умолчанию (true)… limitToWrapper по умолчанию (false)… попробуйте использовать эти 2 реквизита, поскольку это ограничивает предел масштабирования до его границ, указанных в реквизите. а также для оболочки, поскольку также предоставляются ее границы.
Ответ №1:
Установите для свойства limitToBounds значение false:
<TransformWrapper limitToBounds={false}>
<TransformComponent>
...
</TransformComponent>
</TransformWrapper>