2017-10-21 102 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

'<?php echo json_encode($ arrayMaterias); ?>'?後測代碼示例 –

+0

做一個更簡約的例子,沒有PHP代碼請 – vsync

+0

爲什麼不工作?請提供您在控制檯中獲得的**錯誤消息。請不要在此處使用廣義標題。 – vsync

回答

1

關閉的第一個腳本標籤,你導入庫:

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

和另一個準備好您的腳本 - 它會跑!