<!DOCTYPE html>
<html>
  <head>
    <link rel="stylesheet" href="dygraph.css">
    <title>Get data INA219</title>
    <script type="text/javascript" src="dygraph.min.js"></script>

  </head>
  <body>
    <h3 style="width:1000px; text-align: center;">Read regs U & I INA219</h3>
    <div id="div_v" style="width:1000px; height:400px;"></div>
    <script type="text/javascript">
var datau = [];
//var datai = [];
var gu = new Dygraph(
	document.getElementById("div_v"), 
    datau,
	{
		labels: ['X', 'I', 'U'],
//		drawPoints: true,
		rollPeriod: 100,
//		errorBars: true,
//		showRoller: true,
		ylabel: 'I(mA)',
		y2label: 'U(mV)',
		series : {
			'U': { axis: 'y2' }
		}
		, axes: { y2: {valueRange: [3000, 3500] }}
//		, axes: { y2: {valueRange: [3000, 3500] },	y: {valueRange: [0, 2] }}
	});

var oldblkid = 0;
var rdnextflg = false;
var cur_idx = 0;
var sig = 10;
var ttout = 100;
function wsping() { ws.send('ina219'); wstt = setTimeout(wsping, ttout);};
ws = new WebSocket('ws://rtl871x0/web.cgi');
ws.binaryType = 'arraybuffer';
ws.onopen = function(){ws.send('user=rtl871x:supervisor'); ws.send('sys_debug=0'); wstt = setTimeout(wsping, ttout)};
ws.onmessage = function (event) {
	if(event.data instanceof ArrayBuffer) {
		clearTimeout(wstt);
		var wordarray = new Int16Array(event.data);
		if(wordarray.length > 2) {
			var blksz = wordarray[0]; 
			if(wordarray.length == blksz*2 + 2) {
				var blkid = wordarray[1] & 0xFFFF;
				if(rdnextflg) {
					cur_idx += (blkid - oldblkid) & 0xFFFF;
				} else rdnextflg = true;
				oldblkid = blkid + blksz;
				for (var i=2; i<wordarray.length; i+=2) {
 					if(cur_idx > 50000 ) datau.shift();
					datau.push([cur_idx, wordarray[i+1]*0.1+0.35, wordarray[i]*0.5 ]);
					cur_idx++;
				}
	 	 	    gu.updateOptions({'file':datau});
			}
		}
		wstt = setTimeout(wsping, ttout);
	}
}
</script>
  </body>
</html>