<div class="card">
<div class="card-header"><a data-toggle="collapse" href="#chartscard" role="button" aria-expanded="false" aria-controls="chartscard">Wykresy</a></div>
<div class="collapse" id="chartscard">
<div class="card-body">
<div class="card mb-3">
    <div class="card-body">
    <canvas id="Temperaturechart"></canvas>
    </div>
</div>

<script>
var ctxL = document.getElementById("Temperaturechart").getContext('2d');
var myLineChart = new Chart(ctxL, {
type: 'line',
data: {
labels: ["07-07 16:0","07-07 16:15","07-07 16:30","07-07 16:45","07-07 17:0","07-07 17:15","07-07 17:30","07-07 17:45","07-07 18:0","07-07 18:15","07-07 18:30","07-07 18:45","07-07 19:0","07-07 19:15","07-07 19:30","07-07 19:45","07-07 20:0","07-07 20:15","07-07 20:30","07-07 20:45","07-07 21:0","07-07 21:15","07-07 21:30","07-07 21:45","07-07 22:0","07-07 22:15","07-07 22:30","07-07 22:45","07-07 23:0","07-07 23:15","07-07 23:30","07-07 23:45","08-07 0:0","08-07 0:15","08-07 0:30","08-07 0:45","08-07 1:0","08-07 1:15","08-07 1:30","08-07 1:45","08-07 2:0","08-07 2:15","08-07 2:30","08-07 2:45","08-07 3:0","08-07 3:15","08-07 3:30","08-07 3:45","08-07 4:0","08-07 4:15","08-07 4:30","08-07 4:45","08-07 5:0","08-07 5:15","08-07 5:30","08-07 5:45","08-07 6:0","08-07 6:15","08-07 6:30","08-07 6:45","08-07 7:0","08-07 7:15","08-07 7:30","08-07 7:45","08-07 8:0","08-07 8:15","08-07 8:30","08-07 8:45","08-07 9:0","08-07 9:15","08-07 9:30","08-07 9:45","08-07 10:0","08-07 10:15","08-07 10:30","08-07 10:45","08-07 11:0","08-07 11:15","08-07 11:30","08-07 11:45","08-07 12:0","08-07 12:15","08-07 12:30","08-07 12:45","08-07 13:0","08-07 13:15","08-07 13:30","08-07 13:45","08-07 14:0","08-07 14:15","08-07 14:30","08-07 14:45","08-07 15:0","08-07 15:15","08-07 15:30","08-07 15:45",],
datasets: [{
label: "OUT",
data: ["21.845000","21.362667","21.921333","23.212143","22.593333","21.563333","20.192143","20.305333","20.009333","19.295714","19.338667","19.639333","19.072000","18.633333","18.290000","18.049286","18.017333","17.750667","17.671429","17.444000","17.352667","17.294286","17.152000","16.988000","16.987143","16.780667","16.526667","16.262857","16.222000","16.206000","16.315000","16.480000","16.564667","16.570000","16.686000","16.790000","16.758571","16.652667","16.583333","16.597333","16.525714","16.432000","16.350667","16.182000","16.045000","15.843333","15.694000","15.664286","15.484286","15.464000","15.556429","15.682000","15.775333","15.918571","16.159231","16.251429","16.214667","16.242667","16.365000","16.626000","16.452000","16.605000","16.537333","16.472667","16.716429","16.935333","16.934000","17.126667","17.252143","16.418667","18.805333","20.135000","20.552000","20.490000","20.357857","20.002667","19.810000","20.666429","21.079333","21.599333","21.752143","20.952000","21.534667","22.362857","22.342000","21.998000","19.433571","15.521333","16.964667","20.166000","20.321250","19.970000","20.667143","21.371333","21.580833","20.729286",],
backgroundColor: [
'rgba(0,0,0, .2)',
],
borderColor: [
'#aaaaaa',
],
borderWidth: 2
},{
label: "IN",
data: ["24.247857","24.194000","24.226000","24.400714","24.384000","24.291333","24.245714","24.242000","24.162000","24.070714","24.000000","23.988000","23.890667","23.778000","23.722000","23.660000","23.585333","23.416000","23.320000","23.242000","23.238000","23.254286","23.154000","23.116000","23.055714","23.040000","22.972000","22.974286","22.976000","22.956000","22.900000","22.798000","22.750000","22.745714","22.690000","22.634000","22.570000","22.560000","22.555000","22.500000","22.431429","22.276667","22.078667","21.875333","21.697857","21.298667","21.365333","21.544286","21.395000","21.268667","21.183571","21.348000","21.404000","21.348571","21.322308","21.215714","21.572000","21.842667","21.948571","22.076000","22.130000","22.190000","22.046667","22.002000","22.323571","22.444000","22.520000","22.628667","22.399286","22.566667","22.500667","22.190000","22.438667","22.625333","22.827143","22.830667","22.778000","22.887857","22.906000","22.952667","23.036429","23.105333","23.071333","23.197143","23.338667","23.380000","23.322857","23.250000","23.372000","23.432000","23.362500","23.190000","23.295000","23.408000","23.420000","23.284286",],
backgroundColor: [
'rgba(154, 207, 75, .2)',
],
borderColor: [
'#9acf4b',
],
borderWidth: 2
},{
label: "Akwa",
data: ["24.560000","24.564667","24.560000","24.560000","24.560000","24.560000","24.560000","24.560000","24.560000","24.560000","24.540000","24.560000","24.524000","24.536000","24.536000","24.560000","24.536000","24.520000","24.500000","24.500000","24.500000","24.500000","24.500000","24.500000","24.500000","24.500000","24.500000","24.500000","24.500000","24.500000","24.500000","24.492000","24.480000","24.478571","24.492000","24.464000","24.448571","24.440000","24.440000","24.440000","24.440000","24.428000","24.432000","24.388000","24.384286","24.380000","24.380000","24.380000","24.345000","24.314667","24.310000","24.310000","24.274000","24.250000","24.250000","24.220000","24.194000","24.190000","24.190000","24.190000","24.182000","24.164286","24.138000","24.130000","24.130000","24.130000","24.130000","24.130000","24.130000","24.130000","24.130000","24.134286","24.146000","24.186000","24.190000","24.190000","24.190000","24.194286","24.222000","24.206000","24.211429","24.190000","24.194000","24.190000","24.198000","24.198000","24.190000","24.186000","24.190000","24.190000","24.190000","24.190000","24.190000","24.202000","24.205000","24.211429",],
backgroundColor: [
'rgba(66, 170, 243, .2)',
],
borderColor: [
'#42aaf3',
],
borderWidth: 2
},
]
},
options: {
responsive: true
}
});
</script>