JavaScript - creacion de codigo de barras con PHP, Mysql y highcharts

 
Vista:
Imágen de perfil de Antonio
Val: 1
Ha aumentado su posición en 104 puestos en JavaScript (en relación al último mes)
Gráfica de JavaScript

creacion de codigo de barras con PHP, Mysql y highcharts

Publicado por Antonio (1 intervención) el 23/02/2018 21:39:53
una consulta estoy creando unas gráficas con PHP, Mysql y highcharts donde realizo una consulta a mi base de datos XXX y me regresa los datos en un siclo para ir insertando los datos y gratificando con los estilos de highcharts.

pero no me aparece nada

si separo los codigos de php y la plantilla de javascript si me funcionan, es decir php y la consulta si me muestra los datos de igual maneja la plantilla de graficos me muestra los graficos, pero si los uno en el codigo ya no me muestra nada.

realizo mi codigo de PHP y lo pongo en el javascript con comillas '' y aun asi no me muestra nada

este es el código que estoy utilizando.

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
<?php
$opcion = 19;// $_POST["opcion"];
require 'conexion.php';
include 'header.php';
    //consulta para la tabla encuesta para capturar el titulo de la encuesta seleccionada
    $consulta = "SELECT titulo FROM encuestas WHERE id = $opcion";
    $consulta = mysqli_query($conexion, $consulta);
    while ($row = mysqli_fetch_array($consulta)){
    //aqui esta almacenado el titulo de mi encuesta. 
    $titulo = $row['titulo'];
 
    }
?>
 
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <title>Highcharts Example</title>
 
        <style type="text/css">
 
        </style>
    </head>
    <body>
            <script src="../graficas/code/highcharts.js" type="text/javascript"></script>
<script src="../graficas/code/modules/exporting.js" type="text/javascript"></script>
<div id="container" style="min-width: 310px; height: 400px; max-width: 600px; margin: 0 auto"></div>
 
        <script type="text/javascript">
 
Highcharts.chart('container', {
    chart: {
        plotBackgroundColor: null,
        plotBorderWidth: null,
        plotShadow: false,
        type: 'pie'
    },
 
    title: {
    //este es el titulo de la grafica
        text: '<?php $titulo?>'
 
    },
    tooltip: {
        pointFormat: '{series.name}: <b>{point.percentage:.1f}%</b>'
    },
    plotOptions: {
        pie: {
            allowPointSelect: true,
            cursor: 'pointer',
            dataLabels: {
                enabled: true,
                format: '<b>{point.name}</b>: {point.percentage:.1f} %',
                style: {
                    color: (Highcharts.theme && Highcharts.theme.contrastTextColor) || 'black'
                }
            }
        }
    },
      <?php
          //consulta para la tabla respuesta para capturar los votos y el texto
    $sql = "SELECT a.texto as titulo, SUM(CASE WHEN b.valor = 1 THEN 1 ELSE 0 END) AS 'si', SUM(CASE WHEN b.valor = 0 THEN 1 ELSE 0 END) AS 'NO' FROM respuestas a INNER JOIN opciones b ON a.id = b.id_pregunta WHERE a.idenc = $opcion GROUP BY a.id,a.texto";
    $sql = mysqli_query($conexion,$sql);
    //ahora recorremos los datos texto y votos que están vinculadas a la encuesta seleccionada
    while ($row = mysqli_fetch_array($sql)){
    $texto = $row["titulo"];
    $VSI = $row["si"];
    $VNO = $row["NO"];
 
      ?>
    series: [{
    //nombre de el concepto 
        name: '<?php $texto?>',
        colorByPoint: true,
        data: [{
        //cantidades
            name: 'SI',
            //la cantidad de la grafica con valor a si
            y: '<?php $VSI?>'
            name: 'NO',
            //la cantidad de la grafica con valor a no
            y: '<?php $VNO?>'
        },
        <?PHP } ?>
      ]
    }]
});
        </script>
    </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