Node.js - graficas con nodejs

 
Vista:

graficas con nodejs

Publicado por Rodrigo (3 intervenciones) el 07/10/2019 01:00:13
quiero hacer un gráfico estadístico con chartjs usando una base de datos mysql

¿alguien sabe como?
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
Imágen de perfil de pablo
Val: 46
Ha mantenido su posición en Node.js (en relación al último mes)
Gráfica de Node.js

graficas con nodejs

Publicado por pablo (14 intervenciones) el 08/10/2019 22:45:53
Hola Rodrigo que tal bueno en la documentacion oficial aparece una forma de como crean un bar chart o un grafico de barras podrías utilizarlo como referencia, claro para utilizar toda la documentacion tienes que tener instalado ya previamente con npm la librería de chartjs para que te sirva, aquí te dejo el enlace del ejemplo mencionado saludos

https://www.chartjs.org/docs/latest/
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar

graficas con nodejs

Publicado por Rodrigo (3 intervenciones) el 09/10/2019 04:13:06
la pagina ya la vi pero lo que no consigo es conectar el chatsj con la base de datos de mysql y nodejs
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar
Imágen de perfil de pablo
Val: 46
Ha mantenido su posición en Node.js (en relación al último mes)
Gráfica de Node.js

graficas con nodejs

Publicado por pablo (14 intervenciones) el 09/10/2019 14:29:00
Podrías compartir algo de codigo para ver como lo haces?
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar

graficas con nodejs

Publicado por Rodrigo (3 intervenciones) el 09/10/2019 22:08:52
Este es el código cuando veo la pagina no aparece el grafico esta en "hbs"

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
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
<div class="container text-center my-auto">
 
    <h1 class="mb-1"> balance</h1>
 
</div>
<div class= "col-md-7">
<html>
    <head>
 
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.8.0-rc.1/Chart.bundle.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.8.0-rc.1/Chart.bundle.min.js"></script>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.8.0-rc.1/Chart.css" />
    <script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.8.0-rc.1/Chart.js"></script>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.8.0-rc.1/Chart.min.css" />
    <script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.8.0-rc.1/Chart.min.js"></script>
    </head>
   <body>
       <canvas id="myChart"></canvas>
<script>
var ctx = document.getElementById('myChart');
var myChart = new Chart(ctx, {
    type: 'line',
    data: {
        labels: [
        var pruebas  = await pool.query("SELECT * FROM pruebas");
        var result = msqli_query(var conection, var pruebas);
        while(var registros = mysqli_fetch_array(var result))
        {
        req, res => {
    res.render();
});
        }
        ],
        datasets: [{
            label: '# de productos1',
            data: [655, 100, 156],
            backgroundColor: [
                'rgba(255, 99, 132, 0.2)',
                'rgba(54, 162, 235, 0.2)',
                'rgba(255, 159, 64, 0.2)'
            ],
            borderColor: [
                'rgba(255, 99, 132, 1)',
                'rgba(54, 162, 235, 1)',
                'rgba(255, 159, 64, 1)'
            ],
        },
            {
            label: '# de productos2',
            data: [654, 140, 456],
            backgroundColor: [
                'rgba(2, 70, 252, 0.2)',
                'rgba(0, 0, 0, 0.2)',
                'rgba(138, 0, 253, 0.2)'
            ],
            borderColor: [
                'rgba(255, 99, 132, 1)',
                'rgba(54, 162, 235, 1)',
                'rgba(255, 159, 64, 1)'
            ]
 
 
        }]
 
 
    },
    options: {
        scales: {
            yAxes: [{
                ticks: {
                    beginAtZero: true
                }
            }]
        }
    }
});
</script>
</div>
 
   </body>
 
</html>
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar
Imágen de perfil de pablo
Val: 46
Ha mantenido su posición en Node.js (en relación al último mes)
Gráfica de Node.js

graficas con nodejs

Publicado por pablo (14 intervenciones) el 10/10/2019 02:03:58
Bueno que tal, primero que nada eso no es node.js eso es javascript simple y puro, segundo verificaste que esa sentencia que estas utilizando la de la bd te esta trayendo algo, es decir que se hace la conexión adecuada, y te muestra data, yo te recomiendo que este post lo hagas en javascript como tal para que obtengas una respuesta adecuada al tema, pues creo que sería mejor si utilizas ajax pero ya ah{i para mi conozco poco de ajax, tercero si vas a usar nodejs tienes que instalar nodejs desde la página oficial y luego de eso con npm instalas el modulo de chart.js, también deberías de utilizar o instalar los módulos de mysql y express que es un framework de node.js para hacer la conexión, pero ahorita lo que te puedo recomendar es que compruebes que de esa consulta llegue data luego esa data se la pasas al grafica, así mismo te recomiendo que lo lleves a json para que lo trabajes mejor
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar