title: Rotate text in SVG
body: <p>I got a chart with svg which looks like <img src="https://i.stack.imgur.com/MoNXa.png" alt="Chart"></p>
  
  <p>Now I want to rotate the text like <img src="https://i.stack.imgur.com/jMWbA.png" alt="Chart"></p>
  
  <p>My <code>SVG root</code> is the following</p>
  
  
  
  <pre><code>&lt;svg xmlns="http://www.w3.org/2000/svg"
      xmlns:xlink="http://www.w3.org/1999/xlink"
      xmlns:ev="http://www.w3.org/2001/xml-events"
      version="1.1" baseProfile="full"
      viewbox="-75 0 1075 800"
      transform="translate(0, 750) scale(1, -1)"
      width="1000" height="800"&gt;
  &lt;/svg&gt;
  </code></pre>
  
  <p>If I try to rotate the text with</p>
  
  
  
  <pre><code>&lt;text x="-70" y="50%" stroke="blue" transform="rotate(90)"&gt;U [mV]&lt;/text&gt;
  </code></pre>
  
  <p>the text disappears.</p>
  
  <p>With</p>
  
  
  
  <pre><code>&lt;text x="-70" y="50%" stroke="blue" transform="rotate(90 -70 50%)"&gt;U [mV]&lt;/text&gt;
  </code></pre>
  
  <p>nothing happens.</p>
  
  <p>What have I to do to rotate the three text objects shown in the second picture? Thanks.</p>