将溢出SVG内容与视口的右边缘对齐，使其在左下方溢出

我的SVG内容通过具有比viewBox集值更高的“X”坐标溢出到右侧。有没有办法让内容显示最右边的部分，然后溢出到左边？（如右对齐文本）

这是我正在使用的完整SVG，它是一个溢出的绘图，我想在右侧显示该部分，但隐藏“旧”点：

这样做的原因是自动生成点，我希望始终在可视区域显示最新的点，并将图像“自动滚动”到右侧

.图表{
背景：白色；
宽度：500px；
高度：100px；
左边框：1个点#555；
边框底部：1个点#555；
填充：20px 20px 20px 0；
}
身体{
/*背景：#ccc*/
填充：20px；
显示器：flex；
对齐项目：居中；
证明内容：中心；
}
正文，html{
身高：100%；
}

您可以迭代元素并使用javascript调整它们的位置。也可以在添加额外数据时更新viewBox

x

值。另一种方法是将所有多段线包装在一个组中（

），并在添加数据时不断更新转换：

我正在将此
文档添加到文档末尾。getElementById（“g_元素”）.setAttribute（“transform”、“translate”（%（tr）s）”）
，至少在作为