PHP - Creando grafico

   
Vista:

Creando grafico

Publicado por zendi (824 intervenciones) el 08/08/2016 17:30:05
Que tal, tengo creé este codigo para diseñar un reporte con un grafico pero no esta imprimiendo nada en absoluto, la verdad no veo cual es el error.
si alguien puede ayudar
este es el codigo:
Nota en negrita estan los registros que no se imprimen
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
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
<?php
 
 
?>
<!DOCTYPE HTML>
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
		<title>Highcharts Example</title>
 
		<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
		<style type="text/css">
#container, #sliders {
    min-width: 310px;
    max-width: 800px;
    margin: 0 auto;
}
#container {
    height: 400px;
}
		</style>
		<script type="text/javascript">
$(function () {
    // Set up the chart
    var chart = new Highcharts.Chart({
        chart: {
            renderTo: 'container',
            type: 'column',
            options3d: {
                enabled: true,
                alpha: 15,
                beta: 15,
                depth: 50,
                viewDistance: 25
            }
        },
        title: {
            text: 'Chart rotation demo'
        },
        subtitle: {
            text: 'Test options by dragging the sliders below'
        },
        plotOptions: {
            column: {
                depth: 25
            }
        },
        series: [{
            data:
            <?php
               $conn_string = "host=localhost port=5432 dbname=pediatria user=postgres password=movilnet";
               $connect = pg_connect($conn_string);
               $result = "SELECT peso, talla, circunfcefalica FROM consultas";
               $res=@pg_query($connect,$result);
              while($registros = pg_fetch_array($res))
              {
                ?>
 
                '<?php echo $registros["peso"]?>';
                '<?php echo $registros["talla"]?>';
                '<?php echo $registros["circunfcefalica"]?>';
 
                <?php
              }
 
            ?>
        }]
    });
 
    function showValues() {
        $('#alpha-value').html(chart.options.chart.options3d.alpha);
        $('#beta-value').html(chart.options.chart.options3d.beta);
        $('#depth-value').html(chart.options.chart.options3d.depth);
    }
 
    // Activate the sliders
    $('#sliders input').on('input change', function () {
        chart.options.chart.options3d[this.id] = this.value;
        showValues();
        chart.redraw(false);
    });
 
    showValues();
});
		</script>
	</head>
	<body>
<script src="https://code.highcharts.com/highcharts.js"></script>
<script src="https://code.highcharts.com/highcharts-3d.js"></script>
<script src="https://code.highcharts.com/modules/exporting.js"></script>
 
<div id="container"></div>
<div id="sliders">
    <table>
        <tr>
        	<td>Alpha Angle</td>
        	<td><input id="alpha" type="range" min="0" max="45" value="15"/> <span id="alpha-value" class="value"></span></td>
        </tr>
        <tr>
        	<td>Beta Angle</td>
        	<td><input id="beta" type="range" min="-45" max="45" value="15"/> <span id="beta-value" class="value"></span></td>
        </tr>
        <tr>
        	<td>Depth</td>
        	<td><input id="depth" type="range" min="20" max="100" value="50"/> <span id="depth-value" class="value"></span></td>
        </tr>
    </table>
</div>
	</body>
</html>
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

Creando grafico

Publicado por zendi (824 intervenciones) el 09/08/2016 12:59:38
Quiero aclarar que la verdad es que con programacion orientada a objetos tengo poco conocimiento, por eso quisiera que por favor si pudieran ayudarme el respecto.
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

Creando grafico

Publicado por zendi (824 intervenciones) el 09/08/2016 18:57:13
Disculpen. Hay alguien por alli??
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 kip

Creando grafico

Publicado por kip (562 intervenciones) el 09/08/2016 19:06:30
Hola, lo que sucede es que estas mezclando codigo PHP y jacascript de una forma erronea.

Puedes incluir un script que ejcute el codigo que tienes en la funcion javascript, y en aquel script almacenar los resultados en un array que luego mostraras en el javascript con un isset(), claro usando PHP.

Aunque aquella solucion quizas no resulte, porque no usas Ajax para tomar los datos mediante una peticion GET?. Creo que seria tu mejor opcion!

Saludos
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

Creando grafico

Publicado por zendi (824 intervenciones) el 09/08/2016 19:32:03
Hola kip, podrias guiarme? fijate este codigo en PHP:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
<?php
 
$result = "SELECT * FROM public.consultas";
$res=@pg_query($connect,$result);
while($registros = pg_fetch_array($res))
{
	?>
	'<?php echo $registros["peso"]?>';
	'<?php echo $registros["talla"]?>';
	'<?php echo $registros["circunfcefalica"]?>';
 
	<?php
}
?>
es el que necesito para crear el grafico; lo coloqué de manera literal e imprime los resultados pero no graficamente.
La funcion javascript que te refieres debe recibir este codigo php?
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 kip

Creando grafico

Publicado por kip (562 intervenciones) el 09/08/2016 21:27:32
Si, mira este codigo y ejecutalo a ver si te funciona, si te fijas almacene en un array los datos y luego lo llame en el codigo javascript, haciendole un implode y separando los datos por coma.

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
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
<?php
$conn_string = "host=localhost port=5432 dbname=pediatria user=postgres password=movilnet";
$connect = pg_connect($conn_string);
$result = "SELECT peso, talla, circunfcefalica FROM consultas";
$res=@pg_query($connect,$result);
while($registros = pg_fetch_array($res))
{
    $data[] = "[$registros["peso"],$registros["talla"],$registros["circunfcefalica"]]";
}
?>
<!DOCTYPE HTML>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
        <title>Highcharts Example</title>
        <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
        <style type="text/css">
#container, #sliders {
    min-width: 310px;
    max-width: 800px;
    margin: 0 auto;
}
#container {
    height: 400px;
}
        </style>
        <script type="text/javascript">
$(function () {
    // Set up the chart
    var chart = new Highcharts.Chart({
        chart: {
            renderTo: 'container',
            type: 'column',
            options3d: {
                enabled: true,
                alpha: 15,
                beta: 15,
                depth: 50,
                viewDistance: 25
            }
        },
        title: {
            text: 'Chart rotation demo'
        },
        subtitle: {
            text: 'Test options by dragging the sliders below'
        },
        plotOptions: {
            column: {
                depth: 25
            }
        },
        series: [{
            data: [ <?php echo implode($data,',') ?> ]
 
        }]
    });
 
    function showValues() {
        $('#alpha-value').html(chart.options.chart.options3d.alpha);
        $('#beta-value').html(chart.options.chart.options3d.beta);
        $('#depth-value').html(chart.options.chart.options3d.depth);
    }
 
    // Activate the sliders
    $('#sliders input').on('input change', function () {
        chart.options.chart.options3d[this.id] = this.value;
        showValues();
        chart.redraw(false);
    });
 
    showValues();
});
        </script>
    </head>
    <body>
<script src="https://code.highcharts.com/highcharts.js"></script>
<script src="https://code.highcharts.com/highcharts-3d.js"></script>
<script src="https://code.highcharts.com/modules/exporting.js"></script>
 
<div id="container"></div>
<div id="sliders">
    <table>
        <tr>
            <td>Alpha Angle</td>
            <td><input id="alpha" type="range" min="0" max="45" value="15"/> <span id="alpha-value" class="value"></span></td>
        </tr>
        <tr>
            <td>Beta Angle</td>
            <td><input id="beta" type="range" min="-45" max="45" value="15"/> <span id="beta-value" class="value"></span></td>
        </tr>
        <tr>
            <td>Depth</td>
            <td><input id="depth" type="range" min="20" max="100" value="50"/> <span id="depth-value" class="value"></span></td>
        </tr>
    </table>
</div>
    </body>
</html>

Aqui te dicen como debes hacerlo:
http://www.highcharts.com/docs/working-with-data/data-from-a-database

Espero funcione el codigo, nos cuentas.
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 kip

Creando grafico

Publicado por kip (562 intervenciones) el 09/08/2016 21:44:12
Disculpa, en esta parte olvide usar comillas simples:

1
2
3
4
while($registros = pg_fetch_array($res))
{
    $data[] = "[$registros['peso'],$registros['talla'],$registros['circunfcefalica']]";
}
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

Creando grafico

Publicado por zendi (824 intervenciones) el 10/08/2016 03:47:58
Hola, Gracias, lo voy a poner en practica y te aviso.
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

Creando grafico

Publicado por zendi (824 intervenciones) el 10/08/2016 04:10:57
Bueno probé pero me da este error cuando le cambié las comillas simples que me dijiste:

1
$data[] = "[$registros['peso'],$registros['talla'],$registros['circunfcefalica']]";

Parse error: syntax error, unexpected '' (T_ENCAPSED_AND_WHITESPACE), expecting identifier (T_STRING) or variable (T_VARIABLE) or number (T_NUM_STRING) in C:\xampp\htdocs\prueba\pediatria\examples\3d-column-interactive\prueba.php on line 15


y si le dejo las comillas dobles arroja este error :


Parse error: syntax error, unexpected '"', expecting identifier (T_STRING) or variable (T_VARIABLE) or number (T_NUM_STRING) in C:\xampp\htdocs\prueba\pediatria\examples\3d-column-interactive\prueba.php on line 15
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 kip

Creando grafico

Publicado por kip (562 intervenciones) el 10/08/2016 04:21:49
Si, disculpa un error mio, hazlo asi:

1
$data[] = "[{$registros['peso']},{$registros['talla']},{$registros['circunfcefalica']}]";

Nos cuentas como te va.
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

Creando grafico

Publicado por zendi (824 intervenciones) el 10/08/2016 17:27:27
Hola kip, ahora si crea el grafico estadistico pero hay otro problemilia:

en mi base de datos tengo estos registros:

datos

los cuales debo reflejar en el grafico pero solo se imprime la talla, faltarian el peso y la circunfcefalica.
Sera que debo modificar algo de estas lineas:?



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
#container, #sliders {
 
    min-width: 310px;
 
    max-width: 800px;
 
    margin: 0 auto;
 
}
 
#container {
 
    height: 400px;
 
}
 
        </style>
 
        <script type="text/javascript">
 
$(function () {
 
    // Set up the chart
 
    var chart = new Highcharts.Chart({
 
        chart: {
 
            renderTo: 'container',
 
            type: 'column',
 
            options3d: {
 
                enabled: true,
 
                alpha: 15,
 
                beta: 15,
 
                depth: 50,
 
                viewDistance: 25
 
            }
 
        },
 
        title: {
 
            text: 'Chart rotation demo'
 
        },
 
        subtitle: {
 
            text: 'Test options by dragging the sliders below'
 
        },
        plotOptions: {
            column: {
                depth: 25
            }
        },

si pudieras por favor darme un apoyo
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

Creando grafico

Publicado por zendi (824 intervenciones) el 10/08/2016 17:49:16
este es el grafico:

barras

este es el codigo:

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
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
<?php
 
$conn_string = "host=localhost port=5432 dbname=pediatria user=postgres password=movilnet";
 
$connect = pg_connect($conn_string);
 
$result = "SELECT peso, talla, circunfcefalica FROM consultas";
 
$res=@pg_query($connect,$result);
 
while($registros = pg_fetch_array($res))
 
{
 
$data[] = "[{$registros['peso']},{$registros['talla']},{$registros['circunfcefalica']}]";
}
 
?>
 
<!DOCTYPE HTML>
 
<html>
 
    <head>
 
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
 
        <title>Highcharts Example</title>
 
        <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
 
        <style type="text/css">
 
#container, #sliders {
 
    min-width: 310px;
 
    max-width: 800px;
 
    margin: 0 auto;
 
}
 
#container {
 
    height: 400px;
 
}
 
        </style>
 
        <script type="text/javascript">
 
$(function () {
 
    // Set up the chart
 
    var chart = new Highcharts.Chart({
 
        chart: {
 
            renderTo: 'container',
 
            type: 'column',
 
            options3d: {
 
                enabled: true,
 
                alpha: 15,
 
                beta: 15,
 
                depth: 50,
 
                viewDistance: 25
 
            }
 
        },
 
        title: {
 
            text: 'Chart rotation demo'
 
        },
 
        subtitle: {
 
            text: 'Test options by dragging the sliders below'
 
        },
 
        plotOptions: {
 
            column: {
 
                depth: 25
 
            }
 
        },
 
        series: [{
 
            data: [ <?php echo implode($data,',') ?> ]
 
 
 
        }]
 
    });
 
 
 
    function showValues() {
 
        $('#alpha-value').html(chart.options.chart.options3d.alpha);
 
        $('#beta-value').html(chart.options.chart.options3d.beta);
 
        $('#depth-value').html(chart.options.chart.options3d.depth);
 
    }
 
 
 
    // Activate the sliders
 
    $('#sliders input').on('input change', function () {
 
        chart.options.chart.options3d[this.id] = this.value;
 
        showValues();
 
        chart.redraw(false);
 
    });
 
 
 
    showValues();
 
});
 
        </script>
 
    </head>
 
    <body>
 
<script src="https://code.highcharts.com/highcharts.js"></script>
 
<script src="https://code.highcharts.com/highcharts-3d.js"></script>
 
<script src="https://code.highcharts.com/modules/exporting.js"></script>
 
 
 
<div id="container"></div>
 
<div id="sliders">
 
    <table>
 
        <tr>
 
            <td>Alpha Angle</td>
 
            <td><input id="alpha" type="range" min="0" max="45" value="15"/> <span id="alpha-value" class="value"></span></td>
 
        </tr>
 
        <tr>
 
            <td>Beta Angle</td>
 
            <td><input id="beta" type="range" min="-45" max="45" value="15"/> <span id="beta-value" class="value"></span></td>
 
        </tr>
 
        <tr>
 
            <td>Depth</td>
 
            <td><input id="depth" type="range" min="20" max="100" value="50"/> <span id="depth-value" class="value"></span></td>
 
        </tr>
 
    </table>
 
</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