histo_A

<html>
<head>
<?php

# maximum daily temperatures in a city in a given month - histogram

$dataPoints = array(
 array("x" => 0, "y" => 0),
 array("x" => 0, "y" => 4),
 array("x" => 3, "y" => 4),
 array("x" => 3, "y" => 0),
 array("x" => 3, "y" => 7),
 array("x" => 6, "y" => 7),
 array("x" => 6, "y" => 0),
 array("x" => 6, "y" => 11),
 array("x" => 9, "y" => 11),
 array("x" => 9, "y" => 0),
 array("x" => 9, "y"  => 5),
 array("x" => 12, "y"  => 5),
 array("x" => 12, "y"  => 0),
 array("x" => 12, "y"  => 4),
 array("x" => 15, "y"  => 4),
 array("x" => 15, "y"  => 0)
);
 
?>
<script>
window.onload = function () {
 var chart = new CanvasJS.Chart("chartContainer", {
   animationEnabled: true,
   title: { text: "°C, certain month, certain location"},
   data: [{
   type: "line", markerSize: 1,
   dataPoints: <?php echo json_encode($dataPoints, JSON_NUMERIC_CHECK); ?>
   }]
 });
 chart.render();
}
</script>
</head>
<body><center>
<div id="chartContainer" style="height: 95%; width: 90%;"></div>
<script src="http://macosa.dima.unige.it/handbook/min.js"></script>
</center></body>
</html>