Charts 如何在谷歌甘特图中显示完整日期?

Charts 如何在谷歌甘特图中显示完整日期?,charts,google-visualization,date-formatting,gantt-chart,Charts,Google Visualization,Date Formatting,Gantt Chart,我使用谷歌甘特图来可视化课程表。在悬停状态下,我当前看到的是“name:month yyy-month yyyy”。我的目标是还要看到该月的具体日期,以便它看起来像“name:month dd yyyy-month yyy”或“dd mm yyyy-dd mm yyyy” 我将类数据存储在MySQL表中,通过ajax请求将其添加到图表数据表中 以下是我的javascript代码: 函数绘图图(){ var calendarTable=new google.visualization.Dat

我使用谷歌甘特图来可视化课程表。在悬停状态下,我当前看到的是“name:month yyy-month yyyy”。我的目标是还要看到该月的具体日期,以便它看起来像“name:month dd yyyy-month yyy”或“dd mm yyyy-dd mm yyyy”

我将类数据存储在MySQL表中,通过ajax请求将其添加到图表数据表中

以下是我的javascript代码:

函数绘图图(){
var calendarTable=new google.visualization.DataTable();
calendarTable.addColumn('string','Task ID');
calendarTable.addColumn('string','Task Name');
calendarTable.addColumn('string','Resource');
calendarTable.addColumn('date','Start date');
calendarTable.addColumn('date','EndDate');
calendarTable.addColumn('number','Duration');
calendarTable.addColumn('number','Percent completed');
calendarTable.addColumn('string','Dependencies');
变量选项={
身高:800,
甘特图:{
轨高:30,
sortTasks:是的,
启用百分比:真
}
};
var currentUrl=window.location.href;
var查询串;
if(当前URL.includes(“SAT”)){
queryString=“/calendars.json?campus=sat”;
}else if(当前URL.includes(“DAL”)){
queryString=“/calendars.json?campus=dal”;
}else if(当前URL.includes(“HOU”)){
queryString=“/calendars.json?campus=hou”;
}else if(currentUrl.includes(“java”)){
queryString=“/calendars.json?programType=full stack+web+dev+-+java”;
}else if(currentUrl.includes(“科学”)){
queryString=“/calendars.json?programType=data+science”;
}否则{
queryString=“/calendars.json”;
}
console.log(queryString);
$.ajax({
url:queryString,
数据类型:“JSON”,
}).完成(功能(数据){
var calendarArray=[];
//控制台日志(数据);
data.forEach(函数(acalendar){
var calendarItem=[acalendar.id.toString(),acalendar.name,acalendar.campus+''+acalendar.programType,新日期(acalendar.startDate),新日期(acalendar.gradDate),null,null,null];
calendarArray.push(calendarItem);
});
calendarTable.addRows(calendarArray);
var chart=new google.visualization.Gantt(document.getElementById('chart\u div');
绘制图表(日历表、选项);
log(日历数组);
});
}
google.charts.load('current'{
“包”:[“甘特”]
});

google.charts.setOnLoadCallback(drawChart)很遗憾,甘特图不允许自定义工具提示。显示工具提示时,图表会计算持续时间,以确定应显示的内容。例如,如果只有几天,它会显示--MMM dd-dd,yyyy--您可以在他们的中看到这一点…不幸的是,甘特图不允许自定义工具提示。显示工具提示时,图表会计算持续时间,以确定应显示的内容。例如,如果只有几天,它会显示——mmmdd-dd,yyyy——你可以在他们的。。。