1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84
| function courbe(){
Chart.plugins.register({
});
$(document).ready(function(){
$.ajax({
url: "http://localhost/js/data.php",
method: "GET",
success: function(data) {
console.log(data);
var tempair = [];
var ph= [];
var redox= [];
var pression= [];
var heure = [];
for(var i in data) {
tempair.push(data[i].tempair);
ph.push(data[i].ph);
redox.push(data[i].redox);
pression.push(data[i].pression);
heure.push(data[i].heure);
}
var chartdata = {
labels: heure,
datasets : [
{
label: 'tempeau ',
fill: false,
borderColor: 'rgba(72, 197, 237, 0.75)',
hoverBackgroundColor: 'rgba(200, 200, 200, 1)',
hoverBorderColor: 'rgba(200, 200, 200, 1)',
data: tempair
},
{
label: 'Ph ',
fill: false,
borderColor: 'rgba(100, 200, 80, 0.75)',
hoverBackgroundColor: 'rgba(200, 200, 200, 1)',
hoverBorderColor: 'rgba(200, 200, 200, 1)',
data: ph
},
{
label: 'redox ',
fill: false,
borderColor: 'rgba(220, 60, 60, 1)',
hoverBackgroundColor: 'rgba(200, 200, 200, 1)',
hoverBorderColor: 'rgba(200, 200, 200, 1)',
data: redox
},
{
label: 'pression ',
fill: false,
borderColor: 'rgba(60, 60, 2, 0.75)',
hoverBackgroundColor: 'rgba(200, 200, 200, 1)',
hoverBorderColor: 'rgba(200, 200, 200, 1)',
data: pression,
hidden: true
}
]
};
var ctx = $("#mycanvas");
var myLineChart = new Chart(ctx, {
type: 'line',
data: chartdata
});
},
error: function(data) {
console.log(data);
}
});
});
} |
Partager