File "evolution_elo.php"

Full Path: /home/analogde/www/DCIM/Auto/CHESS_2022/evolution_elo.php
File size: 1.93 KB
MIME-type: text/x-php
Charset: utf-8

<?php

$strJsonFileContents = file_get_contents("elo_data.json");
echo $strJsonFileContents;

echo " +++++++ ";


?>



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

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

<script>
Date.prototype.yyyymmdd = function() {
  var mm = this.getMonth() + 1; // getMonth() is zero-based
  var dd = this.getDate();

  return [this.getFullYear(),
    (mm > 9 ? '' : '0') + mm,
    (dd > 9 ? '' : '0') + dd
  ].join('/');
};

var data = [],
  chart;
var n = new Date(2020, 11, 1);
for (let index = 0; index < 10; index++) {
  let d = new Date(n);
  data.push([d.yyyymmdd(), Math.floor((Math.random() * 30000) + 1)]);
  n.setDate(n.getDate() + 1);
}
var schema = [{
  "name": "Time",
  "type": "date",
  //format: "%Y/%m/%d"
  format: "%d-%b-%Y"
}, {
  "name": "ELO",
  "type": "number"
}];

for (i = 0; i < data.length; i++)
  document.writeln((i+1) + ": " + data[i]);

  var plouf = <?php echo $strJsonFileContents; ?>;
  
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: "Evolution de votre score ELO"
    },
	
    yAxis: [{
      plot: [{
        value: 'ELO',
        connectNullData: true,
        type: 'line',

      }],
	  
	   "min": "1000",
       "max": "2000",
	  
      format: {
        defaultFormat: 0,
      },
	  //"min": "130",
	 // "max": "9800",
    }],
    xAxis: {
      binning: {
        year: [],
        month: [],
        day: [1],
        hour: [],
        minute: [],
        second: [],
        millisecond: []
      }
    }
  }
}).render();

</script>