Как я могу установить оси x (метка времени) и оси Y (пульс) в мою диаграмму, и данные с сервера, используя JavaScript?

Question

Как я могу установить оси x (отметка времени) и оси y (сердцебиение) в мою диаграмму, и данные поступают с сервера? На сервере, к которому я подключился, он может успешно извлекать данные, но моя диаграмма вообще не может отображать никаких данных.

window.onload = function () {

let dps = []; // dataPoints
let chart = new CanvasJS.Chart("chartContainer", {
    animationEnabled: true,
    zoomEnabled: true,
    title :{
        text: "Heart Beat"
    },
    axisX: {
        title: "timestamp"
    },
    axisY: {
        title: "heartbeat"
    },      
    data: [{
        type: "line",
        dataPoints:""       
    }]
});

let xVal = 0;
let yVal = 100; 
let updateInterval = 1000;
let dataLength = 20; // number of dataPoints visible at any point

let updateChart = function (count) {

    count = count || 1;

    let xhr = new XMLHttpRequest(),
    method = "POST",
    url= "https://asia-northeast1-unity-visualization.cloudfunctions.net/getHeartbeat";

    xhr.open(method, url, true);
    xhr.onreadystatechange = function () {
        if(xhr.readyState === 4 && xhr.status === 200) {
            console.log(JSON.parse(xhr.responseText).data.length)
        }
    };
    queryJSON = {"uuid": "1541061643202"};
    xhr.setRequestHeader("Content-Type", "application/json");

    xhr.send(JSON.stringify(queryJSON));


    if (dps.length > dataLength) {
        dps.shift();
        //let dps = getElementById("uuid");
        //let dps = queryJSON;
    }

    function addData(chart, label, data) {
        chart.data.labels.push(label);
        chart.data.datasets.forEach((queryJSON) => {
            dataset.data.push(data);
        });
        chart.update();
    }

    chart.render();
};

updateChart(dataLength);
setInterval(function(){updateChart()}, updateInterval);

}