var IdxMessageLinky=0;
var MessageRecu='';
function LoadData() {
document.getElementById('LED').style='display:block;';
var xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = function() { 
if (this.readyState == 4 && this.status == 200) {
var DuLinky=this.responseText;
var message=DuLinky.split('|');
MessageRecu +=message[0];
var groupes=MessageRecu.split('-----');
var lg=groupes.length;
if (lg>2){
MessageRecu='-----'+groupes[lg-1];
document.getElementById('DataLinky').innerHTML = '<pre>'+groupes[lg-2]+'</pre>';
var lignes=groupes[lg-2].split(String.fromCharCode(13));
for (var i=0;i<lignes.length;i++){
var colonnes=lignes[i].split(' ');
if (colonnes[0]=='IINST'){
document.getElementById('Iinst').innerHTML = parseInt(colonnes[1]);
}
if (colonnes[0]=='PAPP'){
document.getElementById('Papp').innerHTML = parseInt(colonnes[1]);
}
if (colonnes[0]=='HCHP' || colonnes[0]=='BASE'){
document.getElementById('HCHP').innerHTML = parseInt(colonnes[1]);
}
if (colonnes[0]=='HCHC'){
document.getElementById('HCHC').innerHTML = parseInt(colonnes[1]);
}
};
document.getElementById('LED').style='display:none;';
}
IdxMessageLinky=message[1];
setTimeout('LoadData();',1500);
}
};
xhttp.open('GET', 'ajax_dataLinky?idx='+IdxMessageLinky, true);
xhttp.send();
}
function LoadHisto() {
var xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = function() { 
if (this.readyState == 4 && this.status == 200) {
var retour=this.responseText;
var champs=retour.split('|');
var tabI=champs[0].split(',');
var tabP=champs[1].split(',');
var tabHC=champs[2].split(',');
var tabHP=champs[3].split(',');
Plot('SVGhc',tabHC,'yellow','Puissance Heure Creuse W');
Plot('SVGhp',tabHP,'aqua','Puissance Heure Pleine ou Base W');
Plot('SVGi',tabI,'lightgreen','Intensit&eacute; A');
Plot('SVGp',tabP,'red','Puissance VA');
setTimeout('LoadHisto();',300000);
}
};
xhttp.open('GET', 'ajax_histo', true);
xhttp.send();
}
function Plot(SVG,Tab,couleur,titre){
var Vmax=0;
for (var i = 0; i < 600; i++) {
Vmax = Math.max(Tab[i], Vmax);
}
var cadrage=1;
var cadrage1=1000000;var cadrage2=[10,8,5,4,2,1];
for (var m=0;m<7;m++){
for (var i=0;i<cadrage2.length;i++){
var X=cadrage1*cadrage2[i];
if ((Vmax)<=X) cadrage=X;
}
cadrage1=cadrage1/10;
}
var S= "<svg height='250' width='1030' >";
S += "<line x1='100' y1='20' x2='100' y2='220' style='stroke:white;stroke-width:2' />";
S += "<line x1='100' y1='220' x2='1000' y2='220' style='stroke:white;stroke-width:2' />";
const d = new Date();
var H0=d.getHours()+d.getMinutes()/60;
var H00= 4*Math.floor(H0/4);
var X0=18*(H00-H0);
for (var h=0;h<=50;h=h+4){
var X=1000+X0-h*18;
var H=(H00-h+72)%24;
S +="<line x1='"+X+"' y1='220' x2='"+X+"' y2='226' style='stroke:white;stroke-width:2' />";
X=X-8;
S +="<text x='"+X+"' y='242' style='font-size:16px;fill:white;'>"+H+"</text>";
}
S +="<text x='980' y='217' style='font-size:14px;fill:white;'>heure</text>";
for (var y=0 ;y<=10;y=y+2){
var Y=220-20*y;S +="<line x1='100' y1='"+Y+"' x2='1000' y2='"+Y+"' style='stroke:white;stroke-width:1;stroke-dasharray:2 10' />";
Y=Y+7;
var T=cadrage*y/10;T=T.toString();var X=90-9*T.length;S +="<text x='"+X+"' y='"+Y+"' style='font-size:16px;fill:white;'>"+T+"</text>";
}
S +="<text x='450' y='18' style='font-size:18px;fill:white;'>"+titre+"</text>";
S += "<polyline points='";
for (var i = 0; i < 600; i++) {
var Y = 220 - 200 * Tab[i] / cadrage;
var X = 100+1.5 * i;
S += X + ',' + Y + ' ';
}
S += "' style='fill:none;stroke:"+couleur+";stroke-width:4' />";
S += "</svg>";
document.getElementById(SVG).innerHTML = S;
}