响应SVG图表的css解决方案（多段线坐标）

我正在使用javascript在折线图中生成

多段线

元素的点坐标。图表必须具有固定高度（

210px

）和响应宽度（始终为其父div的

100%

）

问题是调整窗口大小时，多段线的点坐标不会更改

是否有方法将

多段线的坐标设置为其父
div
的百分比，以便在调整窗口大小时更改水平坐标

我知道我可以使用javascript来调整窗口大小并重新计算多段线的点坐标，但这似乎有些过分，所以我希望有一个更轻巧、纯CSS的解决方案

Fiddle:
您需要向SVG添加一个
视图框。如果希望图形水平拉伸以适合长方体，则还需要添加合适的
preserveAspectRatio
值


*{填充：0；边距：0；}
#容器{
宽度：60%；高度：210px；
背景：#fff；
}
svg{
宽度：100%；高度：210px；
位置：相对位置；
边框：2件纯黑；
}
不确定您想要什么。您是否在svg元素上尝试过viewBox=“0 0 350 210”？