중간에 제목을 정렬하는 방법은 무엇입니까?

Question

나는 codepen.io와 함께 일하고 있으며 단락을 만들고 있습니다. 그래프에 제목이 있습니다.

문제는 제목이 가운데 정렬되어 있어야한다는 것입니다. "x"값을 편집하는 것이 아니라 중간에 제목을 자동으로 설정해야합니다. 나는 이것을하기 위해 CSS를 사용할 수 없으며, 나는 자바 스크립트가 그 일을 할 것이라고 믿는다.

다음은 제목을 그리기 위해 사용하는 기능 중 하나입니다. 내 프로젝트의 링크는 울부 짖습니다.

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