跨浏览器Almende时间轴

时间:2014-08-06 11:14:40

标签: javascript jquery google-visualization timeline chap-links-library

我在Google Chrome中使用了一个版本的chap-links-library almende timeline,但是在Firefox中查看时。我得到的是底轴上未定义的NaN。虽然它没有在我在javascript中设置的日期中阅读。

website link

有关如何调试此内容的任何提示。

下面是截图:

cross browser screenshot

我的主要.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();

由于

1 个答案:

答案 0 :(得分:1)

通过几个小时的调试,完全按照日期时间传递到时间线的格式。

I used this source to change the format

现在我的时间表适用于Firefox,IE,Chrome和Safari。

希望这可以帮助将来的某个人!