如何添加垂直线和注解谷歌时间线图表

<script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>

<div id="timelineChart"></div>

google.charts.load('current', {'packages':['timeline']});
google.charts.setOnLoadCallback(drawChart);

function drawChart() {
  var container = document.getElementById('timelineChart');
  var chart = new google.visualization.Timeline(container);
  var dataTable = new google.visualization.DataTable();

  dataTable.addColumn({ type: 'string', id: 'Event' });
  dataTable.addColumn({ type: 'date', id: 'Start' });
  dataTable.addColumn({ type: 'date', id: 'End' });
  dataTable.addColumn({ type: 'string', role: 'tooltip', p: { html: true } });

  dataTable.addRows([
    ['Event 1', new Date(2022, 1, 1), new Date(2022, 1, 5), 'Annotation for Event 1'],
    ['Event 2', new Date(2022, 1, 3), new Date(2022, 1, 7), 'Annotation for Event 2']
  ]);

  // 添加垂直线
  var options = {
    timeline: {
      showRowLabels: true
    }
  };

  // 添加注解
  google.visualization.events.addListener(chart, 'ready', function() {
    var annotations = container.getElementsByTagName('text');
    Array.prototype.forEach.call(annotations, function(annotation) {
      var text = annotation.textContent;
      if (text.includes('Annotation')) {
        annotation.setAttribute('font-weight', 'bold');
        annotation.setAttribute('fill', 'red');
      }
    });
  });

  chart.draw(dataTable, options);
}