JavaScript - Time de Mysql a WEB

   
Vista:

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----------------->
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
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder
Revisar política de publicidad