<html> <head> <?php # unitary percentage frequencies $m = 100/(3818+343+303+398+360+384+495+1177+708); $dataPoints = array( array("x" => 0, "y" => 0 ), array("x" => 0, "y" => 3818/5*$m ), array("x" => 5, "y" => 3818/5*$m ), array("x" => 5, "y" => 0 ), array("x" => 5, "y" => 343/5*$m ), array("x" => 10, "y" => 343/5*$m ), array("x" => 10, "y" => 0 ), array("x" => 10, "y" => 303/10*$m ), array("x" => 20, "y" => 303/10*$m ), array("x" => 20, "y" => 0), array("x" => 20, "y" => 398/10*$m ), array("x" => 30, "y" => 398/10*$m ), array("x" => 30, "y" => 0 ), array("x" => 30, "y" => 360/10*$m ), array("x" => 40, "y" => 360/10*$m ), array("x" => 40, "y" => 0), array("x" => 40, "y" => 384/10*$m ), array("x" => 50, "y" => 384/10*$m ), array("x" => 50, "y" => 0), array("x" => 50, "y" => 495/10*$m ), array("x" => 60, "y" => 495/10*$m ), array("x" => 60, "y" => 0), array("x" => 60, "y" => 1177/15*$m ), array("x" => 75, "y" => 1177/15*$m ), array("x" => 75, "y" => 0 ), array("x" => 75, "y" => 708/25*$m ), array("x" => 100, "y" => 708/25*$m ), array("x" => 100, "y" => 0) ); ?> <script> window.onload = function () { var chart = new CanvasJS.Chart("chartContainer", { animationEnabled: true, title: { text: "Italy,1881, deaths by age group"}, 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>