<?php
$strJsonFileContents = file_get_contents("elo_combine.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"
}];
*/
var schema = [{
"name": "Time",
"type": "date",
"format": "%d-%b-%Y"
}, {
"name": "Type",
"type": "string"
}, {
"name": "Value",
"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"
},
series: "Type",
yAxis: [{
plot: [{
value: 'Value',
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();
</script>