Javascript 如何始终在谷歌时间图表上显示日期

Javascript 如何始终在谷歌时间图表上显示日期,javascript,html,css,charts,google-visualization,Javascript,Html,Css,Charts,Google Visualization,我用的是谷歌的时间线图,当你在数据上停留时,它会显示持续时间、开始和结束日期,但只显示月份和年份。如果时间跨度很短,比如一周,它将显示一天,但如果是月份或年份,它将只显示月份和年份 我也想展示这一天,但我正在努力做到这一点,找不到任何指导。请参阅下面的js fiddle链接和代码 google.charts.load("current", {packages:["timeline"]}); google.charts.setOnLoadCallback(drawTimeline); functi

我用的是谷歌的时间线图,当你在数据上停留时,它会显示持续时间、开始和结束日期,但只显示月份和年份。如果时间跨度很短,比如一周,它将显示一天,但如果是月份或年份,它将只显示月份和年份

我也想展示这一天,但我正在努力做到这一点,找不到任何指导。请参阅下面的js fiddle链接和代码

google.charts.load("current", {packages:["timeline"]});
google.charts.setOnLoadCallback(drawTimeline);
function drawTimeline() {
var container = document.getElementById('chart_div');
var chart = new google.visualization.Timeline(container);
var dataTable = new google.visualization.DataTable();

dataTable.addColumn({ type: 'string', id: 'Role' });
dataTable.addColumn({ type: 'string', id: 'Name' });
dataTable.addColumn({ type: 'date', id: 'Start' });
dataTable.addColumn({ type: 'date', id: 'Start' });
dataTable.addColumn({ type: 'date', id: 'End' });
dataTable.addRows([
['RJR - Site Consumer Engagement Security (AKA on SOW Venue and Site Security for Vendors)','Target Date', new Date(2016, 10, 15), new Date(2017, 11, 18)],
['RJR - Site Consumer Engagement Security (AKA on SOW Venue and Site Security for Vendors)','Actual Date', new Date(2016, 11, 25), new Date(2017, 11, 30)]



]);


chart.draw(dataTable);
}

自定义工具提示的唯一选项是提供您自己的

问题是你必须自己计算持续时间

有关示例,请参见以下工作代码段

将根据在每行上找到的日期添加并填充工具提示列

google.charts.load('current'{
回调:函数(){
drawTimeline();
window.addEventListener('resize',drawTimeline,false);
},
软件包:[“时间线”]
});
函数drawTimeline(){
var container=document.getElementById('chart_div');
var chart=newgoogle.visualization.Timeline(容器);
var dataTable=new google.visualization.dataTable();
addColumn({type:'string',id:'Role'});
addColumn({type:'string',id:'Name'});
addColumn({type:'date',id:'Start'});
addColumn({type:'date',id:'End'});
dataTable.addRows([
['RJR-现场消费者参与安全(又名SOW场地和供应商现场安全)','Target Date',新日期(2016,10,15),新日期(2017,11,18)],
['RJR-现场消费者参与安全(又名SOW场地和供应商现场安全)','实际日期',新日期(2016年11月25日),新日期(2017年11月30日)]
]);
var formatDate=new google.visualization.DateFormat({
模式:“MM/dd/yyyy”
});
insertColumn(2,{type:'string',role:'tooltip',p:{html:true});
对于(var i=0;i
.ggl工具提示{
边框:1px实心#e0;
字体系列:Arial,Helvetica;
字号:10pt;
}
.ggl工具提示div{
边框:1px实心#e0;
填充:8px 8px 8px 8px;
}
.ggl工具提示范围{
字体大小:粗体;
}

非常感谢您的邀请,先生!祝您有个美好的一天!