Tiny File Manager

Back Back Up Advanced Editor

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

///XLMhttpRequest

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 </>";