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

和另一个准备好您的脚本 - 它会跑!