我看到你的SVG无法正常显示，核心问题出在viewbox属性的拼写错误上——SVG的属性是区分大小写的，正确的写法应该是viewBox（注意字母B是大写的）。当浏览器无法识别这个属性时，就不知道该如何缩放和定位SVG内容，导致元素尺寸塌陷为0x0。

另外，你的SVG设置了width="100"和height="100"，但viewBox的范围是0 0 3 2，这会让图形显示得非常小。如果希望图形填满整个100x100的容器，可以考虑调整viewBox或者添加preserveAspectRatio属性来控制缩放行为。

修正后的SVG代码如下：

<svg class="dv lineChart" height="100" width="100" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 3 2"> 
  <path stroke="#000000" stroke-width="1" d="M 0 0 L 0 1 L 1 0 L 2 0 L 3 2 L 3 0 Z"></path> 
</svg>

如果想让图形拉伸填满容器，可以加上preserveAspectRatio="none"：

<svg class="dv lineChart" height="100" width="100" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 3 2" preserveAspectRatio="none"> 
  <path stroke="#000000" stroke-width="1" d="M 0 0 L 0 1 L 1 0 L 2 0 L 3 2 L 3 0 Z"></path> 
</svg>

内容的提问来源于stack exchange，提问作者Lucas F