<html> <head> <?php # a spline $dataPoints = array( array("x" => -150, "y" => 4), array("x" => 22, "y" => 4), array("x" => 22, "y" => 4), array("x" => 34, "y" => 55), array("x" => 38, "y" => 92), array("x" => 35, "y" => 129), array("x" => 7, "y" => 187), array("x" => 2, "y" => 224), array("x" => 15, "y" => 278), array("x" => 52, "y" => 315), array("x" => 114, "y" => 331), array("x" => 194, "y" => 307), array("x" => 221, "y" => 271), array("x" => 233, "y" => 230), array("x" => 231, "y" => 216), array("x" => 228, "y" => 211), array("x" => 227, "y" => 205), array("x" => 243, "y" => 174.5), array("x" => 259, "y" => 144), array("x" => 255, "y" => 131), array("x" => 233, "y" => 130), array("x" => 239, "y" => 119), array("x" => 235, "y" => 113), array("x" => 238, "y" => 109), array("x" => 229, "y" => 102), array("x" => 226, "y" => 92), array("x" => 235, "y" => 71), array("x" => 234, "y" => 67), array("x" => 217, "y" => 59), array("x" => 201, "y" => 55), array("x" => 154, "y" => 57), array("x" => 157, "y" => 4), array("x" => 157, "y" => 4), array("x" => 400, "y" => 4) ); ?> <script> window.onload = function () { var chart = new CanvasJS.Chart("chartContainer", { animationEnabled: true, title: { text: "a spline (resize the window)"}, data: [{ type: "spline", 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>