タイトルを中央に揃えるには？

Question

私はcodepen.ioで作業しており、段落を作成しています。 グラフにはタイトルがあります。

問題は、タイトルが中央に揃うようにすることです。「x」の値を編集するのではなく、タイトルを自動的に中央に設定する必要があります。私はこれを行うためにCSSを使用することはできません、そして、私はJavaScriptが仕事をするだろうと信じています。

タイトルを描画するために私が使用している機能の1つがあり、プロジェクトへのリンクが荒れています。

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

全コード：

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);