• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Punkte in Koordinatensystem zeichnen Realtim

Ich habe es fast gelöst. Die Punkte habe ich nun, allerdings bewegt sich der Graph nicht.
Folgender Code:
Code:
<script type='text/javascript'>
var brd, g,
  xdata = [], ydata = [],
  turt,i;

brd = JXG.JSXGraph.initBoard('jxgbox', {axis:true, boundingbox:[0,20,30,-2]});

// Draw the additional lines


fetchData = function() {
  new Ajax.Request('fakesensor.php', {
  onComplete: function(transport) {
  var t, a;
  if (200 == transport.status) {
  t = transport.responseText;
  a = parseFloat(t);
  if (xdata.length<30) {
  xdata.push(xdata.length);
  } else {
  ydata.splice(0,1);  // remove the oldest entry of the y-coordinates, to make the graph move.
  }
  brd.create('point',[xdata.length,a]);
   
  if (!g) {  // If the curve does not exist yet, create it.
  g = brd.create('curve', [xdata,ydata],{strokeWidth:3, strokeColor:'yellow'});
  }
  brd.update();
  };
  }});
};
setInterval(fetchData,1000);  // Start the periodical update
</script>

Weiß da jemand weiter?
 
Zuletzt bearbeitet:
Zurück
Oben