Javascript SVG图表移动屏幕上不适合的元素

我使用svg.js绘制图表。图表非常具体，所以我不能使用一些插件来完成

我的图表上有太长的元素、矩形。问题是我不能调整所有元素的大小以显示太长的元素；我必须滚动

我该怎么做

解决方案1： 拖动并移动SVG以更改所有元素的位置。 当我在浏览器中的移动设备上使用它时，这不起作用；当我尝试拖动时，元素不会移动，因为浏览器进入缩放模式

我的例子是：

元素2太长；这是svg rect。是否允许水平滚动？或者，是否有办法移动图表上的所有元素