Google圖表時間表-將日期/年份移到圖表頂部？

Question

以下是Google超級碗時間軸的示例：

https://developers.google.com/chart/interactive/docs/datesandtimes#dates-and-times-using-the-date-string-representation

有沒有一種方法可以將日期/年份移到時間線圖的頂部？

另外，還有其他時間表可以提供其他自定義功能嗎？

Answer 1

我沒有找到任何Google選項，但是我通過SVG轉換做到了這一點

https://jsfiddle.net/d1x5hyes/1/

function afterDraw() {
    var g = document.getElementsByTagName("svg")[0].getElementsByTagName("g")[1];
    document.getElementsByTagName("svg")[0].parentNode.style.top = '40px';
    document.getElementsByTagName("svg")[0].style.overflow = 'visible';
    var height = Number(g.getElementsByTagName("text")[0].getAttribute('y')) + 15;
    g.setAttribute('transform','translate(0,-'+height+')');
    g = null;
}

Answer 2

在@shoggs答案的基礎上，這是如何在保留行格式的同時將標簽移動到Google Gantt圖表的頂部。

let labels = document.getElementsByTagName("svg")[0].getElementsByTagName("g")[1].getElementsByTagName("text")
document.getElementsByTagName("svg")[0].style.overflow = 'visible'
for (var i=0; i < labels.length; i++) {
    labels[i].setAttribute("y", -15)                                                                                                
}