Problemas para formatear cadena

[JavierMMM]

Hola a todos, tengo una cadena que obtengo desde un json que obtengo de una consulta a la base de datos. Esta cadena que formo, a partir del arreglo, la necesito para "pintar" una gráfica con la api de google chart. Hasta este punto todo bien. La cadena que formo es la sigiuente:

Código HTML:

['Usuario', 'Participacines'],['usr1', 3],['usr2', 9],['usr3', 74],['usr4 ', 3],['usr5', 19],['usr6', 74],['usr7', 2],['usr8', 60],['usr9 ', 3]
 

y la inserto en la función de la api de google chart, pero me marca lo siguiente: "Data column(s) for axis #0 cannot be of type string×"

El código que utilizo es el siguiente:

Código Javascript:

<script type="text/javascript">
 
    $(document).ready(function(){
 
    });
        var arrayJS=<?php echo $a->get_estadist_JS(); ?>;
        var grafica = new Array();
        
        if(!arrayJS){
          newTable = '<td><p>No hay datos disponibles</p></td>'; 
        }else{
          grafica += ("['Usuario', 'Participacines'],");
          $.each(arrayJS, function(key, value){        
            grafica += "['"+value["usuario"]+"', "+value["cuantos"]+"],"
          });          
        } 
        grafica = grafica.substr(0, grafica.length - 1);
         
      console.log(grafica);
      google.load("visualization", "1", {packages:["corechart"]});
      google.setOnLoadCallback(drawChart);
      
      function drawChart() {
        var data = google.visualization.arrayToDataTable( [ grafica ] );
 
        var options = {
          title: 'EDUC',
          //vAxis: {title: 'Alumno',  titleTextStyle: {color: 'red'}}
        };
 
        var chart = new google.visualization.BarChart(document.getElementById('chart_div'));
 
        chart.draw(data, options);
      }
    </script>
 

Lo que no logro entender es, que si asigno una variable php con la cadena mencionada, y la asigno

Código:

var data = google.visualization.arrayToDataTable([ <?php echo $var ?> ]);

funciona a la perfección.

Alguien pudiera decirme qué estoy haciendo mal.

Gracias

[Profesor_Falken]

Buenas,

"Data column(s) for axis #0 cannot be of type string×"

El error parece bastante claro. El conjunto tiene que ser un array y tu le estas pasando un string.

https://developers.google.com/chart/...raytodatatable

Cuando haces esto:
grafica += ("['Usuario', 'Participacines'],");

Estás transformando el tipo de grafica de Array a String.

Para manipular arrays en Javascript:
http://www.w3schools.com/js/js_arrays.asp
http://www.w3schools.com/js/js_array_methods.asp


Un saludo

[JavierMMM]

Gracias Profesor_Falken, he estado tratando de convertir esa cadena en array sin éxito. Voy a revisar las ligas que mandas y te comento qué tal me fue.

[Profesor_Falken]

Por si te da una pista, cuando lo generas desde PHP este es el resultado:

google.visualization.arrayToDataTable([ ['Usuario', 'Participacines'],['usr1', 3],['usr2', 9],['usr3', 74],['usr4 ', 3],['usr5', 19],['usr6', 74],['usr7', 2],['usr8', 60],['usr9 ', 3] ]);

Sin embargo desde Javascript estás haciendo esto:
google.visualization.arrayToDataTable([ "['Usuario', 'Participacines'],['usr1', 3],['usr2', 9],['usr3', 74],['usr4 ', 3],['usr5', 19],['usr6', 74],['usr7', 2],['usr8', 60],['usr9 ', 3]" ]);

Por eso el primero funciona y no el segundo.

Para ir construyendo el array en el bucle te será muy útil el método push()

Un saludo

[JavierMMM]

Ya usé push() pero al imprimirla con console.log me imprime lo siguiente:


["['Usuario', 'Participacines'],", "['usr1', 63],", "['usr 2', 3],", "['usr 3', 9],", "['usr 4', 107],", "['use 5', 3],", "['usr 6', 24],", "['usr 7', 3],", "['usr 8', 826],", "['usr 9', 2],"]


y de esta manera utilizo el push:

Código Javascript:

<script type="text/javascript">
 
        var arrayJS=<?php echo $a->get_estadist_JS(); ?>;
        var grafica = new Array();
 
        grafica = [];
        
        if(!arrayJS){
          newTable = '<td><p>No hay datos disponibles</p></td>'; 
        }else{
          grafica.push("['Usuario', 'Participacines'],");
          $.each(arrayJS, function(key, value){        
            grafica.push("['"+value["usuario"]+"', "+value["cuantos"]+"],")
          });         
        } 
         console.log(grafica);
 
      google.load("visualization", "1", {packages:["corechart"]});
      google.setOnLoadCallback(drawChart);
      
      function drawChart() {
        var data = google.visualization.arrayToDataTable( [ grafica ] );
 
        var options = {
          title: 'EDUC',
          //vAxis: {title: 'Alumno',  titleTextStyle: {color: 'red'}}
        };
 
        var chart = new google.visualization.BarChart(document.getElementById('chart_div'));
 
        chart.draw(data, options);
      }
    </script>
 

¿Qué es lo que estaré omitiendo o haciendo mal?