[英]google timeLine chart
我試圖創建一個時間表圖表,但我遇到日期格式的問題,我得到這個錯誤
(值無效日期與列索引2中的類型日期不匹配)
這是我的代碼 :
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)
]);
});
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.