используя amcharts для создания линейного графика, но ничего не отображается

Я пытаюсь отобразить линейный график. Где ось Y содержит показания, а ось X — все месяцы в году.
используемые ссылки:

<link href="dashboard/css/otherstyles.css" rel="stylesheet">
<link rel="stylesheet" href="amcharts/export.css" type="text/css">
<script src="amcharts/amcharts.js" type="text/javascript"></script>
<script src="amcharts/serial.js" type="text/javascript"></script>

код, который извлекает значения из базы данных

function getbloodpressuredetails($id) {
global $conn;
if ($stmt = $conn->prepare("SELECT para_date, para_time, reading, type  FROM `tracking_para`  where $id = ? and para_id = 1")) {
$stmt->bind_param("i", $id);
$stmt->execute();
$stmt->bind_result($para_date, $para_time, $reading, $type);
while ($stmt->fetch()) {
$rows[] = array('para_date' => $para_date, 'para_time' => $para_time, 'reading' => $reading, 'type' => $type);
}
$stmt->close();
return $rows;
} else {
printf("Error message: %s\n", $conn->error);
}
}

используя сессии, получая значения для этого

<?php $blood_pressure = getbloodpressuredetails($_SESSION['id']);?>

код сценария, который включает график. Это та часть, в которой я не уверен, как это работает. Ничто не отображается на экране. пожалуйста помоги

<script type="text/javascript">
AmCharts.loadJSON = function(url) {
if (window.XMLHttpRequest) {
// IE7+, Firefox, Chrome, Opera, Safari
var request = new XMLHttpRequest();
} else {
// code for IE6, IE5
var request = new ActiveXObject('Microsoft.XMLHTTP');
}

// load it
// the last "false" parameter ensures that our code will wait before the
// data is loaded
request.open('GET', url, false);
request.send();

// parse and return the output
return eval(request.responseText);
};
</script>

<div id="chartdiv" style="width: 600px; height: 300px;"></div>

<!-- the chart code -->
<script>
var chart;
// create chart
AmCharts.ready(function() {
// load the data
var chartData = AmCharts.loadJSON('$blood_pressure');

// SERIAL CHART
chart = new AmCharts.AmSerialChart();
chart.pathToImages = "amcharts/images";
chart.dataProvider = chartData;
chart.categoryField = "para_date";
chart.dataDateFormat = "YYYY-MM-DD";

// GRAPHS
var graph1 = new AmCharts.AmGraph();
graph1.valueField = "reading";
graph1.bullet = "round";
graph1.bulletBorderColor = "#FFFFFF";
graph1.bulletBorderThickness = 2;
graph1.lineThickness = 2;
graph1.lineAlpha = 0.5;
chart.addGraph(graph1);

// CATEGORY AXIS
chart.categoryAxis.parseDates = true;

// WRITE
chart.write("chartdiv");
});
</script>