diagramm anzeigen
This commit is contained in:
parent
b8badd67ea
commit
a31644fd17
104
html/laender.php
104
html/laender.php
@ -1,14 +1,28 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta http-equiv="refresh" content="60">
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.6.0/Chart.min.js"></script>
|
||||
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
|
||||
<title>My Chart.js Chart</title>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<?php
|
||||
include "../config.php";
|
||||
|
||||
if(isset($_GET['land'])){
|
||||
$sql = "SELECT scans.id, place, amount, deaths, active, cured, time FROM `data` inner join scans on scans.id=data.scan WHERE place like ? group by amount order by time desc ";
|
||||
$sql = "SELECT scans.id, place, amount, deaths, active, cured, time FROM `data` inner join scans on scans.id=data.scan WHERE place like ? group by amount order by time asc ";
|
||||
//$sql = "SELECT scans.id, place, amount, deaths, active, cured, time FROM `data` inner join scans on scans.id=data.scan WHERE place like ? group by amount order by time desc ";
|
||||
$stmt = $pdo->prepare($sql);
|
||||
$like = "%".trim($_GET['land'])."%";
|
||||
$stmt->bindParam(1, $like);
|
||||
$stmt->execute();
|
||||
$data = $stmt->fetchAll(PDO::FETCH_ASSOC);
|
||||
echo '<table>';
|
||||
echo '<table style="width: 100%">';
|
||||
echo '<tr><th>id</th><th>Scan-No</th><th>infected</th><th>dead</th><th>active</th><th>cured</th><th>time</th></tr>';
|
||||
foreach ($data as $row){
|
||||
echo '<tr>';
|
||||
@ -19,3 +33,89 @@ if(isset($_GET['land'])){
|
||||
}
|
||||
echo '</table>';
|
||||
}
|
||||
?>
|
||||
|
||||
<div class="container">
|
||||
<canvas id="myChart"></canvas>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
let myChart = document.getElementById('myChart').getContext('2d');
|
||||
|
||||
// Global Options
|
||||
Chart.defaults.global.defaultFontFamily = 'Lato';
|
||||
Chart.defaults.global.defaultFontSize = 18;
|
||||
Chart.defaults.global.defaultFontColor = '#777';
|
||||
|
||||
let massPopChart = new Chart(myChart, {
|
||||
type:'bar', // bar, horizontalBar, pie, line, doughnut, radar, polarArea
|
||||
data:{
|
||||
labels:[
|
||||
<?php
|
||||
for ($i = 0 ; $i < count($data); $i++){
|
||||
if ($i == 0){
|
||||
echo "'".$data[$i]['time']."'";
|
||||
}else{
|
||||
echo ', \''.$data[$i]['time']."'";
|
||||
}
|
||||
}
|
||||
?>
|
||||
],
|
||||
datasets:[{
|
||||
label:'Anzahl',
|
||||
data:[
|
||||
<?php
|
||||
for ($i = 0 ; $i < count($data); $i++){
|
||||
if ($i == 0){
|
||||
echo "".$data[$i]['amount']."";
|
||||
}else{
|
||||
echo ', '.$data[$i]['amount']."";
|
||||
}
|
||||
}
|
||||
?>
|
||||
],
|
||||
//backgroundColor:'green',
|
||||
backgroundColor:[
|
||||
/*'rgba(255, 99, 132, 0.6)',
|
||||
'rgba(54, 162, 235, 0.6)',
|
||||
'rgba(255, 206, 86, 0.6)',
|
||||
'rgba(75, 192, 192, 0.6)',
|
||||
'rgba(153, 102, 255, 0.6)',
|
||||
'rgba(255, 159, 64, 0.6)',
|
||||
'rba(255, 99, 132, 0.6)'*/
|
||||
],
|
||||
borderWidth:1,
|
||||
borderColor:'#777',
|
||||
hoverBorderWidth:3,
|
||||
hoverBorderColor:'#000'
|
||||
}]
|
||||
},
|
||||
options:{
|
||||
title:{
|
||||
display:true,
|
||||
text:'Anzahl der Infektionsfälle in <?php echo $_GET['land']?>',
|
||||
fontSize:25
|
||||
},
|
||||
legend:{
|
||||
display:true,
|
||||
position:'right',
|
||||
labels:{
|
||||
fontColor:'#000'
|
||||
}
|
||||
},
|
||||
layout:{
|
||||
padding:{
|
||||
left:50,
|
||||
right:0,
|
||||
bottom:0,
|
||||
top:0
|
||||
}
|
||||
},
|
||||
tooltips:{
|
||||
enabled:true
|
||||
}
|
||||
}
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
Loading…
Reference in New Issue
Block a user