Javascript 如何在GoogleCharts时间线中动态添加具有不同数据类型的行

我正在做一个项目，我需要创建一个时间表，我正在使用谷歌图表。我从Firebase和Trello API中提取数据。我需要动态地将这些来源的数据附加到时间线上。下面是我的代码

var arrs = [];
var arr =  ["1", apiName, new Date(startDate[2], startDate[0], startDate[1]), new Date(due[2], due[0], due[1])];
arrs.push(arr);

function masterTimeline(){
    console.log(arrs);

    // Create seperate timelines
    google.charts.load("current", {packages:["timeline"]});
    google.charts.setOnLoadCallback(drawChart);

    // Function callback form google.charts.setOnLoadCallback
    function drawChart(){
        // Get container in HTML
        var container = document.getElementById("master");
        // Create a new Timeline object
        var chart = new google.visualization.Timeline(container);
        // Create a new DataTable object
        var dataTable = new google.visualization.DataTable();

        dataTable.addColumn({type: 'string', id: 'Number'})
        dataTable.addColumn({type: 'string', id: 'Title'});
        dataTable.addColumn({type: 'date', id: 'Start'});
        dataTable.addColumn({type: 'date', id: 'End'});

        // Give data to columns
        dataTable.addRows(arrs);

        // Set option to get rid of row labels
        var options = {
            timeline: {showRowLabels: false, barLabelStyle: { fontSize: 18 }},
            height: 200,
        };

        // Draw Table
        chart.draw(dataTable, options);
    }
}

从理论上讲，这应该是可行的，但当我运行它时，我会得到一个

错误：属性x：预期长度，“NaN”。

运行它时出错。

---

我该怎么做呢。

您需要将数据从api响应中分离出来，并像下面这样使用

dataTable.addRows（[[Number，Title，Start，End]]）
提供“console.log（arrs）”的输出会很有帮助。“Error:…”是运行时的错误