我在Google Chrome中使用了一个版本的chap-links-library almende timeline,但是在Firefox中查看时。我得到的是底轴上未定义的NaN。虽然它没有在我在javascript中设置的日期中阅读。
有关如何调试此内容的任何提示。
下面是截图:
我的主要.js文件的片段:
var timeline;
var data;
google.load("visualization", "1");
google.setOnLoadCallback(drawVisualization);
var container = $('#mytimeline');
/* GENERAL FUNCTIONS START */
function dateTimeSplit(date){ //Get individual elements of date from string "11 March, 2013"
var jDate = new Date(date);
var newdate = {
month: jDate.getMonth(),
day: jDate.getDate(),
year: jDate.getFullYear()
}
return newdate;
}
function drawVisualization(){
var debug = 0;
data = new google.visualization.DataTable();
data.addColumn('datetime', 'start');
data.addColumn('datetime', 'end');
data.addColumn('string', 'content');
data.addColumn('string', 'id');
var options = {
"width": "100%",
"height": "auto",
"min-height": "400px",
"editable": false,
"style": "box",
"zoomMin": 1000 * 60 * 60 * 24,
"zoomMax": 1000 * 60 * 60 * 24 * 31 * 12
};
timeline = new links.Timeline(document.getElementById('mytimeline'));
if(subgoals.length != 0){
$.each(subgoals, function(index, value, tess) {
//console.log('ID: ' + value.id + ' Start: ' + value.start + ' End: ' + value.end + ' Name: ' + value.name);
start = dateTimeSplit(value.start);
end = dateTimeSplit(value.end);
data.addRows([[new Date(start.year,start.month,start.day), new Date(end.year,end.month,end.day), value.name + owner, value.id]]);
});
}
//DRAW TIMELINE
timeline.draw(data, options);
}
/* GENERAL FUNCTIONS END */
container.show();
由于
答案 0 :(得分:1)
通过几个小时的调试,完全按照日期时间传递到时间线的格式。
I used this source to change the format
现在我的时间表适用于Firefox,IE,Chrome和Safari。
希望这可以帮助将来的某个人!