Я пытаюсь создать небольшой веб-сайт, где я могу проверять с помощью таблиц и графиков различные виды данных, отправляемых пользователями в базу данных mysql.
В верхней части страницы у меня есть поле выбора с именами всех пользователей (когда я выбираю одного, я получаю идентификатор пользователя), и я могу получить данные mysql, связанные с указанным пользователем, с помощью функции get Ajax, которая получила данные в формате JSON (я использовал этот метод для заполнения форм, и он отлично работает).
Мой вопрос / сомнение заключается в том, как я могу взять эти данные JSON из функции get Ajax и заполнить таблицу + использовать их для рисования графика с помощью API Google.
Я добавлю фрагмент HTML-страницы только для контекста:
<html>
<body id = "analyseTemperatureBody">
<div class = "background">
<h1>Informação Geral</h1>
<div class = "formSquare">
<select name="patient" id ="patient" onChange = "getTemperature(this.value)" required>
<option value=""></option>
<?php
$query = "SELECT * FROM patients ORDER BY patientName";
$patients = mysqli_query($connection, $query);
foreach($patients as $patient) {
echo ("<option value=".$patient["patientId"].">".$patient["patientName"]."</option>");
}
?>
</select>
<table id = "tempTable">
<tr>
<th>Date-Time</th>
<th>Value (ºC)</th>
</tr>
-> want to fill the various rows here
</table>
</div>
</div>
</body>
</html>
<script>
function getTemperature(val){
$.ajax({
type:"POST",
url:"../ajax/ajax_populate_temperature.php",
data: 'patient='+val,
success: function(response){
var result = JSON.parse(response);
if (result.response == true) {
var data = result.rows;
}
else if (result.response == false) {
}
}
});
}
</script>
Для графической части, которую я изучал с помощью API Google, но, как я уже сказал, мне нужно найти способ, чтобы данные "достигли" функций рисования.
Я открыт для предложений / ссылок / указаний, поскольку уже несколько часов пытаюсь найти информацию.
Заранее спасибо!