2017-10-21 60 views
-2
<html> 
      <head> 
         
<script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"> 
        
      var arrayMaterias =<?php echo json_encode($arrayMaterias); ?> 
      alert(arrayMaterias.toString()); 
            google.charts.load('current', {'packages': ['bar']}); 
            google.charts.setOnLoadCallback(drawChart); 

            function drawChart() { 
               var data = google.visualization.arrayToDataTable([ 
                  ['Materias', 'Programacion I', 'Fisica', 'Mate', 'Proyectos'], 
                  ['Grado I', 100, 60, 60, 60] 
               ]); 
       //   var data = google.visualization.arrayToDataTable([ 
       //          ['materia',arrayMaterias[0],arrayMaterias[1]], 
       //          ['Grado',100,50] 
       //        ]); 
               var options = { 
                  chart: { 
                     title: 'Company Performance', 
                     subtitle: 'Sales, Expenses, and Profit: 2014-2017' 
                  } 
               }; 

               var chart = new google.charts.Bar(document.getElementById('columnchart_material')); 

             chart.draw(data, google.charts.Bar.convertOptions(options)); 
            } 
         </script> 
       </head> 


      <body> 
         <div id="columnchart_material" style="width: 800px; height: 500px;"></div> 
       </body> 
</html> 
+0

' '? exemple de code post-testable –

+0

faire un exemple plus minimaliste, sans code PHP s'il vous plaît – vsync

+0

pourquoi ça ne marche pas ?? S'il vous plaît fournir le ** message d'erreur ** vous obtenez dans la console. et n'utilisez pas de titres généralisés pour les messages ici s'il vous plaît .. – vsync

Répondre

1

Fermer la première balise de script où vous importez la bibliothèque:

<script type="text/javascript" src="https://www.gstatic.com/charts/loader.js" ></script> 

et préparez votre script dans un autre - il fonctionnera!