Javascript 如何显式绘制svg视口坐标

我有一个svg viewbox元素来绘制波形，如下所示：

<svg id="waveform" viewBox="0 -1 2000 2" preserveAspectRatio="none">
  <g id="waveform">
    <path id="waveform1" d="{{some data}}"/>
  </g>
</svg>

---

它按预期绘制波形。但是它没有给我viewbox的x和y标签，有没有其他方法可以在网页上添加viewbox的x和y标签

您的svg正在呈现单一路径，即波形。如果要绘制带标签的轴，则需要渲染它们。例如，检查这些带有标记轴的SVG图形的源：。您可能需要使用库来完成此操作

svg

元素不是一个“智能”图形小部件，它是一个普通的画布

---

svg

元素上的

viewbox

属性设置绘制svg内容的坐标系（其内部尺寸，与渲染时的实际像素尺寸相反）。

感谢您的响应。我同意SVG在处理图形方面不是很聪明。因此，现在尝试使用highcharts获取波形。感谢您的回复。