Javascript 谷歌时间线图
我正试图创建一个时间线图表,但我遇到了日期格式的问题,我得到了这个错误 (无效日期值与列索引2中的类型日期不匹配) 这是我的代码:Javascript 谷歌时间线图,javascript,datetime,charts,google-visualization,timeline,Javascript,Datetime,Charts,Google Visualization,Timeline,我正试图创建一个时间线图表,但我遇到了日期格式的问题,我得到了这个错误 (无效日期值与列索引2中的类型日期不匹配) 这是我的代码: google.charts.load("current", { packages: ["timeline"] }); google.charts.setOnLoadCallback(initTimeLineChart); function initTimeLineChart(obj) { console.log(obj) var container
google.charts.load("current", { packages: ["timeline"] });
google.charts.setOnLoadCallback(initTimeLineChart);
function initTimeLineChart(obj) {
console.log(obj)
var container = document.getElementById('timeline1');
var chart = new google.visualization.Timeline(container);
var dataTable = new google.visualization.DataTable();
dataTable.addColumn({ type: 'string', id: 'DriverName' });
dataTable.addColumn({ type: 'string', id: 'Activity' });
dataTable.addColumn({ type: 'date', id: 'Start' });
dataTable.addColumn({ type: 'date', id: 'End' });
var datas = '';
$.each(obj,
function (i, v) {
if (i === 0) {
datas = '["' + v.DriverName + '", "' + v.Activity + '","' + convert(v.Start) + '","' + convert(v.End) + '"]';
} else {
datas = datas + ',["' + v.DriverName + '", "' + v.Activity + '","' + convert(v.Start) + '","' + convert(v.End) + '"]';
}
});
datas = '[' + datas + ']';
console.log(datas);
dataTable.addRows(JSON.parse(datas));
var options = {
timeline: { singleColor: '#8d8' }
};
chart.draw(dataTable, options);
}
function convert(str) {
var month, day, year, hours, minutes, seconds;
var date = new Date(str),
month = ("0" + (date.getMonth() + 1)).slice(-2),
day = ("0" + date.getDate()).slice(-2);
hours = ("0" + date.getHours()).slice(-2);
minutes = ("0" + date.getMinutes()).slice(-2);
year = ("20 "+date.getYear());
console.log(date);
return new Date(year, 0, day, hours, minutes, 0);
}
而不是从字符串构建数组,
只需使用实际数组,以及
addRow
mtheod
替换所有这些
var datas = '';
$.each(obj,
function (i, v) {
if (i === 0) {
datas = '["' + v.DriverName + '", "' + v.Activity + '","' + convert(v.Start) + '","' + convert(v.End) + '"]';
} else {
datas = datas + ',["' + v.DriverName + '", "' + v.Activity + '","' + convert(v.Start) + '","' + convert(v.End) + '"]';
}
});
datas = '[' + datas + ']';
console.log(datas);
dataTable.addRows(JSON.parse(datas));
与
$.each(obj, function (i, v) {
dataTable.addRow([
v.DriverName,
v.Activity,
convert(v.Start),
convert(v.End)
]);
});
在哪一行出现错误?dataTable.addRows(JSON.parse(datas));什么是挂图?执行line
console.log(数据)后,在控制台中会得到什么代码>请提供完整的代码我收到这样的消息:[“费雷尔·帕特里克”,“休息”,“2018-04-24 00:00:00”,“2018-04-24 05:59:00”,“费雷尔·帕特里克”,“开车”,“2018-04-24 05:59:00”,“2018-04-24 06:33:00”,“费雷尔·帕特里克”,“工作”,“2018-04-24 06:33:00”,“2018-04-24 06:38:00”,“费雷尔·帕特里克”,“开车”,“2018-04-24 06:38:00”,“2018-04-24 06:39:00”]、[“费雷尔·帕特里克”、“工作”、“2018-04-24 06:39:00”、“2018-04-24 06:53:00”]、[“费雷尔·帕特里克”、“开车”、“2018-04-24 06:53:00”、“2018-04-24 07:29:00”]、[“费雷尔·帕特里克”、“工作”、“2018-04-24 07:29:00”、“2018-04-24 07:32:00”],