Question

我使用Google Charts API创建了一个时间轴。

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

<script type="text/javascript">
  google.charts.load("current", {packages:["timeline"]});
  google.charts.setOnLoadCallback(drawChart);
  function drawChart() {

    var today = new Date();
    var datenow= today.getFullYear()+','+(today.getMonth()+1)+','+today.getDate();
    var container = document.getElementById('example3.1');
    var chart = new google.visualization.Timeline(container);
    var dataTable = new google.visualization.DataTable();
    dataTable.addColumn({ type: 'string', id: 'Position' });
    dataTable.addColumn({ type: 'string', id: 'Name' });
    dataTable.addColumn({ type: 'date', id: 'Start' });
    dataTable.addColumn({ type: 'date', id: 'End' });
    dataTable.addRows([
      [ 'Arrgh\'s Era', 'Arrgh\'s Era', new Date(2014, 11, 19), new Date(datenow)],
      [ 'Grand Admiral', 'Ogaden', new Date(2014, 11, 19), new Date(2015, 4, 18) ],
      [ 'Grand Admiral', 'Warpool', new Date(2015, 4, 19), new Date(2015, 5, 18) ],
      [ 'Grand Admiral', 'Ogaden', new Date(2015, 5, 19), new Date(2015, 11, 18) ],
      [ 'Grand Admiral', 'Jacob Hanson', new Date(2015, 11, 19), new Date(2016, 3, 18)],
      [ 'Grand Admiral', 'Ogaden', new Date(2016, 3, 19), new Date(2016, 10, 18)],
      [ 'Grand Admiral', 'DragonK', new Date(2016, 10, 19), new Date(2017, 3, 18)],
      [ 'Grand Admiral', 'Bluebear', new Date(2017, 3, 19), new Date(2017, 9, 18)],
      [ 'Grand Admiral', 'Ripper', new Date(2017, 9, 19), new Date(datenow)],
    ]);

    chart.draw(dataTable);
  }
</script>


  </head>
  <body>
    <div id="example3.1" style="height: 200px;"></div>
  </body>
</html>

The resulting Timeline

我想要实现的是，只有选中条形图时才能看到工具提示（不悬停）。我尝试在图表tooltip: { trigger: 'selection' }中使用options。这将导致空白页面。

我做错了什么？我在Google Chart API页面上看到了其他方法，但它们似乎适用于其他图表类型，而非时间轴。

Answer 1

时间线图只能将触发器的值设置为＆＃39;焦点＆＃39;或者没有，默认值是＆＃39;焦点＆＃39;它只能悬停。另一个问题是时间线图表的工具提示不是持久的

如何在Google时间轴上启用“已选择”工具提示？

1 个答案: