Wie wird der Titel in der Mitte ausgerichtet?

Question

Ich arbeite mit copepen.io und ich erstelle einen Absatz. Das Diagramm hat einen Titel.

Das Problem ist, dass ich möchte, dass der Titel center-aligned.It sollte den Titel in der Mitte, nicht über die Bearbeitung des Werts von "x" automatisch einstellen. Ich kann CSS dafür nicht verwenden, und ich glaube, dass JavaScript die Aufgabe erfüllen würde.

Hier sind die Funktionen, die ich verwende, um den Titel zu zeichnen, und der Link zu meinem Projekt geht weiter.

var text = document.createElementNS(svgNS,"text"); 
    text.setAttributeNS(null, 'x', 100); 
    text.setAttributeNS(null, 'y', 15); 
    text.textContent = (titel); 
document.getElementById("bargraph").appendChild(text); 

Voll Code:

codepen.io/Cleanwater/pen/LWQyJm?editors=0010

Answer 1

var text = document.createElementNS(svgNS,"text"); 
    text.setAttributeNS(null, 'y', 15); 
    text.textContent = (titel); 
document.getElementById("bargraph").appendChild(text); 
    text.setAttributeNS(null, 'x', 300/2 - text.getBBox().width /2);