Linien Diagramm langsam füllen

N3THUNT3R · 05.11.2016

Hallo Leute,

ich wollte fragen ob es möglich ist ein Linien Diagramm langsam zu füllen. Also wenn wenn keine Werte da sind, soll das Diagramm leer sein und dann kommen zwei Werte rein und die sollen dann verarbeitet werden und ins Diagramm eingefügt werden.

PHP:

<html>

<head>
	<script type="text/javascript" language="javascript" src="./jQuery/jquery-3.1.0.min.js"></script>
	<script type="text/javascript" language="javascript" src="./flot/jquery.flot.js"></script>
	
	<script>
		var ergebnis;
		
		$(document).ready(function(){
			diagramm();
		});
		
		function diagramm() {
			if (window.XMLHttpRequest) {
				// code for IE7+, Firefox, Chrome, Opera, Safari
				xmlhttp = new XMLHttpRequest();
			} else {
				// code for IE6, IE5
				xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
			}
			
			xmlhttp.onreadystatechange = function() {
				if (this.readyState == 4 && this.status == 200) {
					var werte = this.responseText;
					ergebnis = werte;
					document.getElementById("fWerte").innerHTML = werte;
				}
			};
			
			var output = String(ergebnis).split(".");
			document.getElementById("fDiagramm").innerHTML = output;
			
			xmlhttp.open("GET","getTable.php",true);
			xmlhttp.send();
			setTimeout(diagramm, 3000);
		}
	</script>
</head>

<body>
	<button onclick="diagramm()">Tabelle Lesen</button>
	<div id="fDiagramm"></div>
	<div id="fWerte"></div>
</body>

</html>

Dass ist die Seite die mit ajax von einem PHP Script einen Wert empfängt und dann splitet. Diese Array will ich "langsam" in das Diagramm einfügen.

Ich habe es bisher mit Flot versucht jedoch hab ich keine gescheite Lösung gefunden.

Ich würde mich über Hilfe freuen.