Problemas con Google Charts

Iniciado por [u]nsigned, 5 Agosto 2015, 20:09 PM

0 Miembros y 1 Visitante están viendo este tema.

Imprimir
Ir Abajo Páginas1
Acciones del Usuario

[u]nsigned

5 Agosto 2015, 20:09 PM
Hola, basandome en este ejemplo, hice una prueba con este codigo, pero por alguna razon la ventana queda en blanco...no veo donde esta mi error!

Código (html4strict) [Seleccionar]

<html>
  <head>
    <script type="text/javascript" src="https://www.google.com/jsapi"></script>
    <script type="text/javascript">
      google.load("visualization", "1", {packages:["corechart"]});
      google.setOnLoadCallback(drawChart);
      function drawChart() {

        var data = google.visualization.arrayToDataTable([[3,'28 de Julio'],[1,'28 de Jullio'],[3,'Aldea Epulef'],[1,'Aldea Escolar'],[17,'Camarones'],[8,'Carrenleufú'],[17,'Cholila'],[2,'Colan Conhué'],[31,'Comodoro Rivadavia'],[26,'Corcovado'],[1,'Cushamen'],[3,'Dique Ameghino'],[41,'Dolavon'],[9,'El Hoyo'],[22,'El Maitén'],[6,'Epuyen'],[231,'ESQUEL'],[60,'GAIMAN'],[5,'Gan Gan'],[17,'Gastre'],[6,'Gobernador Costa'],[1,'Gualjaina'],[4,'Lago Puelo'],[2,'Lagunita Salada'],[1,'Paso de Indios'],[3,'Paso del Sapo'],[283,'Puerto Madryn'],[2,'Puerto Pirámides'],[4,'Rada Tilly'],[198,'Rawson'],[3,'Rio Pico'],[25,'Sarmiento'],[2,'Tecka'],[5,'Telsen'],[291,'Trelew'],[1,'Treorky'],[81,'Trevelin']]);

        var options = {
          title: 'My Daily Activities',
          is3D: true,
        };

        var chart = new google.visualization.PieChart(document.getElementById('piechart_3d'));
        chart.draw(data, options);
      }
    </script>
  </head>
  <body>
    <div id="piechart_3d" style="width: 900px; height: 500px;"></div>
  </body>
</html>

No hay atajo ante la duda, el misterio se hace aquí...
Se hace carne en cada uno, el misterio es existir!

engel lex

#1
5 Agosto 2015, 20:30 PM
tienes varios errores, invstigué y en el tipo pie chart, la primera ronda debe ser el titulo de las columnas... también todos los valores deben ser primero string... te dejo el array modificado para que funcione

Código (javascript) [Seleccionar]
var data = google.visualization.arrayToDataTable([
["cosa","cantidad"]
,['28 de Julio',3]
,['28 de Jullio',1]
,['Aldea Epulef',3]
,['Aldea Escolar',1]
,['Camarones',17]
,['Carrenleufú',8]
,['Cholila',17]
,['Colan Conhué',2]
,['Comodoro Rivadavia',31]
,['Corcovado',26]
,['Cushamen',1]
,['Dique Ameghino',3]
,['Dolavon',41]
,['El Hoyo',9]
,['El Maitén',22]
,['Epuyen',6]
,['ESQUEL',231]
,['GAIMAN',60]
,['Gan Gan',5]
,['Gastre',17]
,['Gobernador Costa',6]
,['Gualjaina',1]
,['Lago Puelo',4]
,['Lagunita Salada',2]
,['Paso de Indios',1]
,['Paso del Sapo',3]
,['Puerto Madryn',283]
,['Puerto Pirámides',2]
,['Rada Tilly',4]
,['Rawson',198]
,['Rio Pico',3]
,['Sarmiento',25]
,['Tecka',2]
,['Telsen',5]
,['Trelew',291]
,['Treorky',1]
,['Trevelin',81]
]);
El problema con la sociedad actualmente radica en que todos creen que tienen el derecho de tener una opinión, y que esa opinión sea validada por todos, cuando lo correcto es que todos tengan derecho a una opinión, siempre y cuando esa opinión pueda ser ignorada, cuestionada, e incluso ser sujeta a burla, particularmente cuando no tiene sentido alguno.

eLank0

#2
6 Agosto 2015, 14:56 PM Ultima modificación: 7 Agosto 2015, 13:57 PM por #!drvy
Ves con cuidado con modificar los tipos de datos al libre albedrío ya que el problema reside en el Datatable que has creado. Con el original funciona:

Código (html4strict) [Seleccionar]
<html>
 <head>
   <script type="text/javascript" src="https://www.google.com/jsapi"></script>
   <script type="text/javascript">
   google.load("visualization", "1", {packages:["corechart"]});
   google.setOnLoadCallback(drawChart);
   
     function drawChart() {

       var data = google.visualization.arrayToDataTable([
         ['Task', 'Hours per Day'],
         ['Work',     11],
         ['Eat',      2],
         ['Commute',  2],
         ['Watch TV', 2],
         ['Sleep',    7]
       ]);

       var options = {
         title: 'My Daily Activities',
         is3D: true,
       };

       var chart = new google.visualization.PieChart(document.getElementById('piechart'));
       chart.draw(data, options);
     }


   </script>
 </head>
 <body>
   <div id="piechart" style="width: 900px; height: 500px;"></div>
 </body>
</html>

Salu2!!  :P
Imprimir
Ir Arriba Páginas1
Acciones del Usuario