Javascript 如何在谷歌时间线图中加载点击事件的一些信息

我正在使用并希望通过点击城市名称加载城市的一些详细信息，但不知道如何做到这一点

小提琴：

---

谢谢

您可以将事件侦听器添加到图表生成的

文本

标签中

text

元素具有

'text-anchor'

行标签的属性值为

'end'

只需等待

'ready'

事件触发即可

请参阅以下工作片段

google.charts.load（'current'{
软件包：[“时间线”]，
回调：函数（）{
var container=document.getElementById（'timeline'）；
var chart=newgoogle.visualization.Timeline（容器）；
var dataTable=new google.visualization.dataTable（）；
addColumn（{type:'string'，id:'President'}）；
addColumn（{type:'date'，id:'Start'}）；
addColumn（{type:'date'，id:'End'}）；
dataTable.addRows([
[“华盛顿”，新日期（1789年3月30日），新日期（1797年2月4日）]，
[“亚当斯”，新日期（1797年2月4日），新日期（1801年2月4日）]，
[“杰斐逊”，新日期（1801年2月4日），新日期（1809年2月4日）]；
google.visualization.events.addListener（图表'ready'，函数（）{
var rowLabels=container.getElementsByTagName（'text'）；
Array.prototype.forEach.call（行标签，函数（标签）{
if（label.getAttribute（'text-anchor'）=='end'）{
label.addEventListener（'click'，displayDetails，false）；
}
});
});
函数显示详细信息（发送方）{
document.getElementById（'cityData'）。innerHTML='City Data for:'+sender.target.innerHTML；
}
图表绘制（数据表）；
}
});

Ohh。对不起。我正在更新我的链接。：）没有关于城市的数据，只有presidents@zer00ne我想在点击华盛顿、亚当斯、杰斐逊的名字时加载一些HTML，但不知道。@Mr.Happy请说得更具体一点，比如这个HTML来自哪里，你想要它在哪里，以及你到目前为止尝试的代码。如果你不知道是什么，在哪里…我们无法告诉你怎么做。我在数据库中存储了一些城市的详细信息，希望执行jQuery ajax，希望以HTML显示响应数据，但不在时间线HTML中，而且我必须在单击事件时传递城市名称，以便为ajax获取城市信息。我希望你能理解。
<div id="cityData">

   <!-- city information display hear after ajax success -->

</div>

<div id="timeline" style="height: 180px;"></div>