javascript — Highstock с данными MySQL
У меня есть php-файл, который создает данные в формате JSON values.php, файл, в котором я хочу отобразить диаграмму index.html и JS data1.js.
Код в values.php
<?php
$con = mysql_connect("localhost","root","root");
if (!$con) {
die('Could not connect: ' . mysql_error());
}
$data = array();
$count = 0;
mysql_select_db("test", $con);
$result = mysql_query("SELECT * FROM sensor ORDER BY id ASC ") or die ("Connection error");
while($row = mysql_fetch_array($result)) {
//echo "[" . $row['time'] . "," . $row['value']. "]"."," ;
$newdate = strtotime($row['time']) * 1000;
$data[] = array($newdate, (float)$row['value']);
$count++;
}
echo json_encode($data);
mysql_close($con);
?>
В index.html
<html>
<head>
<title>DS18B20</title>
<meta http-equiv="Refresh" content="10" />
<script src="/jstest1/jquery-1.12.3.js"></script>
<script src="/jstest1/highstock.js"></script>
<script src="/jstest1/exporting.js"></script>
</head>
<body>
<div id="container" style="height: 500px; min-width: 500px"></div>
</body>
</html>
И JS data1.js
$(function() {
$.getJSON('/jstest1/values.php', function (data) {
// Create the chart
$('#container').highcharts('StockChart', {
rangeSelector : {
selected : 1
},
title : {
text : 'Temperature'
},
series : [{
name : 'Temperature',
data : data,
marker : {
enabled : true,
radius : 3
},
shadow : true,
tooltip : {
valueDecimals : 2
}
}]
});
});
});
Кажется все в порядке, но я не знаю, почему не отображать график в браузере.
введите описание изображения здесь
Вывод данных: введите описание изображения здесь
Может быть, кто-то увидит какую-то ошибку. Может быть, ошибка в синтаксисе строк данных JSON?
Решение
Задача ещё не решена.
Другие решения
Других решений пока нет …