Javascript 自定义谷歌时间线图表上的工具提示

Javascript 自定义谷歌时间线图表上的工具提示,javascript,charts,google-visualization,Javascript,Charts,Google Visualization,我创建了一个谷歌时间表来查看我的音乐听力历史。看起来是这样的: ['25 August', 'Kasabian - La Fee Verte', new Date(2016,01,01, 13,37,32), new Date(2016,01,01, 13,43,19), 'tooltip example'], 我想从工具提示中删除持续时间部分,但找不到任何选项。我尝试添加以下行: dataTable.addColumn({type: 'string', role:'tooltip'});

我创建了一个谷歌时间表来查看我的音乐听力历史。看起来是这样的:

['25 August', 'Kasabian - La Fee Verte', new Date(2016,01,01, 13,37,32), new Date(2016,01,01, 13,43,19), 'tooltip example'],

我想从工具提示中删除持续时间部分,但找不到任何选项。我尝试添加以下行:

dataTable.addColumn({type: 'string', role:'tooltip'});
my
dataTable.addRows([])
函数中的一行如下所示:

['25 August', 'Kasabian - La Fee Verte', new Date(2016,01,01, 13,37,32), new Date(2016,01,01, 13,43,19), 'tooltip example'],
但它仍然显示与图像中相同的工具提示。实际上,我想像图中一样显示Kasabian-La Fee Verte和8月25日下午1:37-下午1:43,但我想删除持续时间。

根据时间线图表的说明,工具提示应该在第3列

请参阅下面的工作代码段

google.charts.load('current'{
回调:函数(){
var container=document.getElementById('chart_div');
var chart=newgoogle.visualization.Timeline(容器);
var dataTable=new google.visualization.dataTable();
addColumn({type:'string',id:'RowLabel'});
addColumn({type:'string',id:'BarLabel'});
addColumn({type:'date',id:'Start'});
addColumn({type:'date',id:'End'});
dataTable.addRows([
['8月25日','Kasabian-La Fee Verte',新日期(2016,01,01,13,37,32),新日期(2016,01,01,13,43,19)],
['8月26日','测试数据1',新日期(2016,01,01,13,37,32),新日期(2016,01,01,13,43,19)],
['8月27日','试验数据2',新日期(2016,01,01,13,37,32),新日期(2016,01,01,13,43,19)],
]);
insertColumn(2,{type:'string',role:'tooltip',p:{html:true});
var dateFormat=new google.visualization.dateFormat({
图案:“h:mm a”
});
对于(var i=0;i
.ggl工具提示{
边框:1px实心#e0;
字体系列:Arial,Helvetica;
填充:6px 6px 6px 6px;
}
.ggl工具提示范围{
字体大小:粗体;
}

这确实有帮助,谢谢。我不知道它必须在第二栏,这是问题,但也感谢造型!