<html> <head> <?php # maximum daily temperatures in a city in a given month - graph $dataPoints = array( array("x" => 1, "y" => 3), array("x" => 2, "y" => 4), array("x" => 3, "y" => 6), array("x" => 4, "y" => 2), array("x" => 5, "y" => 2), array("x" => 6, "y" => 3), array("x" => 7, "y" => 4), array("x" => 8, "y" => 6), array("x" => 9, "y" => 6), array("x" => 10, "y" => 8), array("x" => 11, "y" => 9), array("x" => 12, "y" => 9), array("x" => 13, "y" => 8), array("x" => 14, "y" => 10), array("x" => 15, "y" => 8), array("x" => 16, "y" => 7), array("x" => 17, "y" => 8), array("x" => 18, "y" => 6), array("x" => 19, "y" => 4), array("x" => 20, "y" => 1), array("x" => 21, "y" => 2), array("x" => 22, "y" => 3), array("x" => 23, "y" => 5), array("x" => 24, "y" => 7), array("x" => 25, "y" => 6), array("x" => 26, "y" => 9), array("x" => 27, "y" => 12), array("x" => 28, "y" => 11), array("x" => 29, "y" => 14), array("x" => 30, "y" => 13), array("x" => 31, "y" => 13) ); ?> <script> window.onload = function () { var chart = new CanvasJS.Chart("chartContainer", { animationEnabled: true, title: { text: "°C, certain month, certain location"}, data: [{ type: "line", markerSize: 7, 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>