css - 需要具有反应缩放平移捏合功能的无限图表板

标签 css reactjs react-chartjs

我使用 npm 包创建了一个流程图 react-zoom-pan-pinch

问题:

图表的左侧和顶部有限制,右侧和底部似乎无限。

是否有任何选项可以使用它来扩展图表的所有四个边?

该软件包有很多选项,包括缩放、平移、捏合等。 我调整了很多,但没有成功。

提前致谢。

最佳答案

设置属性limitToBounds为假:

<TransformWrapper limitToBounds={false}>
  <TransformComponent>
    ...
  </TransformComponent>
</TransformWrapper>

关于css - 需要具有反应缩放平移捏合功能的无限图表板,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/63388362/

相关文章:

html - 如何创建自定义形状 - css

javascript - 在同一个 javascript 函数中创建多个跨度

jquery - 将图标添加到 JQuery Accordion

javascript - 尝试使用返回 HOC 的函数时出错(a la Redux Connect)

javascript - React( native )导航切换搜索栏

javascript - 使用带有react-chartjs-2的chartjs-chart-geo插件实现等值线图

javascript - 从 0 开始的堆叠条形图 - ChartJS React

html - css如何限制父元素内的子元素?

javascript - 将组件转换为使用 React Hooks 后, `this` 会发生什么?

javascript - 无法将数据从 json 文件传递​​到 Chart.js 中的标签和数据集