Time de Mysql a WEB
Publicado por Jotarod (1 intervención) el 04/07/2017 23:44:18
Buenas tardes y gracias de antemano,
Voy a intentar resumir lo máximo que pueda:
Actualmente, estoy obteniendo un valor entero de mysql con esta linea:
x: parseInt(result[i].valorx),
Quiero sustituir el valor entero (x) por un valor Time, es decir, que en mi página html aparezca por la hora con los segundos : HH:MM:SS.
Como puedo obtener esto?
os copio completo:
------------PHP----------------->
-----------------HTML----------------->
Muy agradecido!!
Voy a intentar resumir lo máximo que pueda:
Actualmente, estoy obteniendo un valor entero de mysql con esta linea:
x: parseInt(result[i].valorx),
Quiero sustituir el valor entero (x) por un valor Time, es decir, que en mi página html aparezca por la hora con los segundos : HH:MM:SS.
Como puedo obtener esto?
os copio completo:
------------PHP----------------->
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<?php
header('Content-Type: application/json');
$con = mysqli_connect("localhost", "root", "", "prueba1");
if (mysqli_connect_errno($con)) {
echo "Failed to connect to DataBase: " . mysqli_connect_error();
} else {
$data_points = array();
$result = mysqli_query($con, "SELECT * FROM plc1");
while ($row = mysqli_fetch_array($result)) {
$point = array("valorx" => $row['hora'], "valory" => $row['variable2']);
array_push($data_points, $point);
}echo json_encode($data_points);
}mysqli_close($con);
?>
-----------------HTML----------------->
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
html><head>
<script type="text/javascript">
window.onload = function () {
var dataLength = 0;var data = [];
var updateInterval = 500;updateChart();
function updateChart() {
$.getJSON("data.php", function (result) {
if (dataLength !== result.length) {
for (var i = dataLength; i < result.length; i++) {
data.push({
x: parseInt(result[i].valorx),
y: parseInt(result[i].valory)
});
}dataLength = result.length;
chart.render();
}});
}var chart = new CanvasJS.Chart("chart", {
title: {
text: "Valores X vs. Valores Y"
},
axisX: {
title: "Valores X",
},
axisY: {
title: "Valores Y",
},
data: [{type: "line", dataPoints: data}],
});
setInterval(function () {
updateChart()
}, updateInterval);
}</script>
<script type="text/javascript" src="assets/script/canvasjs.min.js"></script>
<script type="text/javascript" src="assets/script/jquery-2.2.3.min.js"></script>
</head>
<body>
<div id="chart">
</div>
</body>
</html>
Muy agradecido!!
Valora esta pregunta
0