JavaScript Funktion lässt sich nicht ausführen

[Kilian K. (kellermaaan)]

Hallo,

ich habe ein kleines Problem mit einer JavaScript Funktion.
Aber erstmal den Code:

function drawDiagramm(mylabels, myvalues) {
  "use strict";
  
  var lineChartData = {
    labels : mylabels,
    datasets : [
      {
        label: "Druckmessung",
        fillColor : "rgba(151,187,205,0.2)",
        strokeColor : "rgba(151,187,205,1)",
        pointColor : "rgba(151,187,205,1)",
        pointStrokeColor : "#fff",
        pointHighlightFill : "#fff",
        pointHighlightStroke : "rgba(151,187,205,1)",
        data : myvalues
      }
    ]
  };
  var  ctx = document.getElementById("diagrammMessung").getContext("2d");
    window.myLine = new Chart(ctx).Line(lineChartData, {
        responsive: true,
    pointDot: false
    });
}

function changeSignal(auswertung) {
  "use strict";
  if (auswertung === 1) {
    document.getElementById("Auswertung").style.background = "green";
    document.getElementById("Auswertung").value = "Ergebnis: GUT";
  } else if (auswertung === 0) {
    document.getElementById("Auswertung").style.background = "red";
    document.getElementById("Auswertung").value = "Ergebnis: SCHLECHT";
  }
}

function changeTableValues(mittelwert, flaeche, max, zeitGesamt, stoesselZeit) {
  "use strict";
  document.getElementById("DruckMittelwert").firstChild.nodeValue = mittelwert;
  document.getElementById("DruckFlaeche").firstChild.nodeValue = flaeche;
  document.getElementById("DruckMax").firstChild.nodeValue = max;
  document.getElementById("DruckZeit").firstChild.nodeValue = zeitGesamt;
  document.getElementById("DruckStoesselZeit").firstChild.nodeValue = stoesselZeit;
}

function changeTableColor(mittelwert, flaeche, max, zeitGesamt, stoesselZeit) {
  "use strict";
  if (mittelwert === 1) {
    document.getElementById("DruckMittelwert").style.backgroundColor = "rgba(0,255,0,0.5)";
  } else if (mittelwert === 0) {
    document.getElementById("DruckMittelwert").style.backgroundColor = "rgba(255,0,0,0.5)";
  }
  if (flaeche === 1) {
    document.getElementById("DruckFlaeche").style.backgroundColor = "rgba(0,255,0,0.5)";
  } else if (flaeche === 0) {
    document.getElementById("DruckFlaeche").style.backgroundColor = "rgba(255,0,0,0.5)";
  }
  if (max === 1) {
    document.getElementById("DruckMax").style.backgroundColor = "rgba(0,255,0,0.5)";
  } else if (max === 0) {
    document.getElementById("DruckMax").style.backgroundColor = "rgba(255,0,0,0.5)";
  }
  if (zeitGesamt === 1) {
    document.getElementById("DruckZeit").style.backgroundColor = "rgba(0,255,0,0.5)";
  } else if (zeitGesamt === 0) {
    document.getElementById("DruckZeit").style.backgroundColor = "rgba(255,0,0,0.5)";
  }
  if (stoesselZeit === 1) {
    document.getElementById("DruckStoesselZeit").style.backgroundColor = "rgba(0,255,0,0.5)";
  } else if (stoesselZeit === 0) {
    document.getElementById("DruckStoesselZeit").style.backgroundColor = "rgba(255,0,0,0.5)";
  }
}

function getValues() {
  "use strict";
    var request = false,
    mylabels = [],
    myvalues = [];
    function measureComplete() {
        if (request.readyState === 4) {
            if (request.status === 200) {
        var data = JSON.parse(request.responseText),
          i = 0;
        for (i = 0; i < data.Anzahl; i += 1) {
          mylabels.push(data.Zeit[i]);
          myvalues.push(data.Messwert[i]);
        }
        drawDiagramm(mylabels, myvalues);
        changeSignal(data.Auswertung);
        changeTableColor(data.Mittelwert[1], data.Flaeche[1], data.Max[1], data.ZeitGesamt[1], data.StoesselZeit[1]);
        changeTableValues(data.Mittelwert[0], data.Flaeche[0], data.Max[0], data.ZeitGesamt[0], data.StoesselZeit[0]);
            }
        }
    }
    request = new XMLHttpRequest();
    if (request) {
        request.open("GET", "/getvalues?id=" + Math.random(), true);
        request.onreadystatechange = measureComplete;
        request.send(null);
    }
}

function startMeasure() {
  "use strict";
  var request = false;
  window.myLine.destroy();
  request = new XMLHttpRequest();
  if (request) {
    request.open("GET", "/startmeasure?id=" + Math.random(), true);
    request.send(null);
    getValues();
  }
}

function resizeCanvas() {
  "use strict";
  window.myLine.destroy();
  var canvas = document.getElementById('diagrammMessung'),
    parent = document.getElementById('diagramm');
  canvas.width = parent.offsetWidth;
  canvas.height = parent.offsetHeight;
  /**
   * Your drawings need to be inside this function otherwise they will be reset when 
   * you resize the browser window and the canvas goes will be cleared.
   */
  getValues();
}

// resize the canvas to fill browser window dynamically
window.addEventListener('resize', resizeCanvas, false);

In der Funktion getValues() füwird alles ausgeführt bis er zu dem 
Funktionsaufruf

changeTableValues(data.Mittelwert[0], data.Flaeche[0], data.Max[0], data.ZeitGesamt[0], data.StoesselZeit[0]);

gelangt. Diese Funktion wird nicht mehr ausgeführt. Ich finde den Fehler 
aber auch nicht... Ich hoffe hier ist jemand der mir helfen könnte!

MfG Kilian

[Rufus Τ. F. (rufus)]

Nimm einen Debugger und lass das Ding schrittweise durchlaufen.

Übliche Webbrowser enthalten so etwas.