File "zzz.php"

Full Path: /home/analogde/www/Bookmarks/CHESS_ON/zzz.php
File size: 4.15 KB
MIME-type: text/html
Charset: utf-8

<script src="Charts_2022/js/fusioncharts.js"></script>

<div id="chart-container">FusionCharts will render here</div>

<link rel="stylesheet" href="//code.jquery.com/ui/1.13.1/themes/base/jquery-ui.css">
<link rel="stylesheet" href="/resources/demos/style.css">
<script src="https://code.jquery.com/jquery-3.6.0.js"></script>
<script src="https://code.jquery.com/ui/1.13.1/jquery-ui.js"></script>

<p id="demo"></p>


<script type="text/javascript">

///XLMhttpRequest 



function getXhr()
{
			var xhr = null; 
			if(window.XMLHttpRequest) // Firefox et autres
			   xhr = new XMLHttpRequest(); 
			else if(window.ActiveXObject)
			{ // Internet Explorer 
			   try 
			   {
					xhr = new ActiveXObject("Msxml2.XMLHTTP");
			   } 
			   catch (e) 
			   {
					xhr = new ActiveXObject("Microsoft.XMLHTTP");
			   }
			}
			else 
			{ 
				// XMLHttpRequest non supporté par le navigateur 
				alert("Votre navigateur ne supporte pas les objets XMLHTTPRequest..."); 
				xhr = false; 
			} 

			return xhr;
}

function plot_chart()
{
			var xhr = getXhr();
			
			xhr.onreadystatechange = function()
			{
				if(xhr.readyState == 4 && xhr.status == 200)
				{
					
					var plouf = JSON.parse(xhr.responseText);
					
					//alert(plouf);
					//document.getElementById("demo").innerHTML = plouf;

					/****************************/
					
					//var plouf = xhr.responseText;
					
					//var plouf = JSON.parse(xhr.responseText);
					
					//var plouf = obj; //<?php echo $strJsonFileContents; ?>;
  
					//var plouf = <?php echo $strJsonFileContents; ?>;
					
					//var data = xhr.responseText;
					
					//var plouf = JSON.parse(data.replace(/&quot;/g, '"'));
					
					//var b=JSON.stringify(data);
					//var plouf = b.replace(/\\/g, '');
					
					//var finalData = data.replace(/\\/g, "");
					
					//var plouf = data.replace(/\/g, "");
					
					//var aze = JSON.parse(JSON.parse(json).data));
					
/// https://infinitbility.com/how-to-remove-backslash-from-json-object-in-javascript					
// https://www.w3schools.com/Js/js_json_html.asp
					
					//var str = JSON.stringify(data);
					//str =str.replace(/\//g,"");
					//var plouf =JSON.parse(str);
					
					// javascript remove backslash from json string
					//var plouf = xhr.responseText;
					
// https://stackoverflow.com/questions/10314715/why-is-json-encode-adding-backslashes					
 // https://askcodez.com/envoyer-objet-json-a-partir-de-javascript-php.html 
  
  var schema = [{
  "name": "Time",
  "type": "date",
  "format": "%d-%b-%Y"
}, {
  "name": "Type",
  "type": "string"
}, {
  "name": "ELO",
  "type": "number"
}]
  
var fusionTable = new FusionCharts.DataStore().createDataTable(plouf, schema); // data

chart = new FusionCharts({
  type: 'timeseries',
  renderAt: 'chart-container',
  width: "90%",
  height: 600,
  dataSource: {
    data: fusionTable,
    chart: {
	yAxisName: 'Quarter',
      exportEnabled: 0,
	 
    },
	
	/*navigator: {
      enabled: 0
    },*/

	caption: {
      text: "Comparaison des scores ELO de 2 joueurs :"
    },
	series: "Type",
    yAxis: [{
      plot: [{
        value: 'ELO',
        connectNullData: true,
        type: 'line',

      }],
	  
	   "min": "500",
       "max": "2000",
	  
      format: {
        defaultFormat: 0,
      },
	  //"min": "130",
	 // "max": "9800",
    }],
    /*xAxis: {
      binning: {
        year: [],
        month: [],
        day: [1],
        hour: [],
        minute: [],
        second: [],
        millisecond: []
      }
    }*/
  }
}).render();
					
					//document.getElementById("chart-container").innerHTML.reload;
					//document.getElementById('souscategorie').innerHTML = leselect;
				}
			}

			xhr.open("POST","compute_chart_data.php",true);
			xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
			xhr.send();
			
		
}

</script>

<?php


	//echo "<button type=\"button\" title=\"Copie\" id=\"button_copier\" onclick=\"go()\"> Graphique </>";
	echo "<button type='button' title='Plot ELO evolution' id='button_plot' onclick='plot_chart()'> Graphique </>";

?>