wie explizit SVG Sichtbox Koordinaten

Question

Ich habe ein SVG Sichtbox Element zu ziehen Wellenform wie folgt zeichnen:

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

Aufgetragen ist die Wellenform, wie erwartet. Allerdings gibt es mir nicht die X- und Y-Beschriftung der Viewbox. Gibt es eine andere Möglichkeit, wie wir die X- und Y-Beschriftung der Viewbox auf der Webseite hinzufügen können?

Answer 1

Ihr Svg Rendern einen einzelnen Pfad, die Wellenform. Wenn Sie beschriftete Achsen zeichnen möchten, müssen Sie sie rendern. Überprüfen Sie beispielsweise die Quelle dieser SVG-Diagramme mit beschrifteten Achsen: http://www.goat1000.com/svggraph-titles.php. Wahrscheinlich möchten Sie hierfür eine Bibliothek verwenden.

Das Element svg ist kein "intelligentes" Grafik-Widget, es ist eine Leinwand.

Das viewbox Attribut auf dem svg Element legt das Koordinatensystem fest, innerhalb dessen der Inhalt des SVG gezeichnet wird (seine internen Dimensionen, im Gegensatz zu den tatsächlichen Pixelabmessungen, wenn es gerendert wird).