[JavaScript][PHP]google charts Opcje

[eminiasty]

Problem w tym, iż chciałem stworzyć kilka wykresów na podstawie google charts, kiedyś mi to działało ale chyba zmienił się system inicalizacji wykresów. Podmieniłem więc biblioteke js i chce by wykresy pojawily sie an ekranie, lecz zawsze pojawia sie tylko pierwszy. Dlaczego?
Ten drugi jest pod spodem (gdy kasuje ten pierwszy dziala drugi). Chce by byly dwa lub wiecej jednoczesnie.. Czy wgl jest to jeszczcze mozliwe?

BODY

[PHP] pobierz, plaintext 
echo'  <div id="chart1"><div>';
echo'  <div id="chart2"><div>';	
[PHP] pobierz, plaintext 

JS

[PHP] pobierz, plaintext 
	 <script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
[PHP] pobierz, plaintext 

[PHP] pobierz, plaintext 
 <?php
$query1 ="SELECT ".$prefix."categories.categories_name, COUNT(".$prefix."categories.categories_name) as count FROM ".$prefix."news LEFT JOIN ".$prefix."newscategories ON ".$prefix."news.news_id = ".$prefix."newscategories.news_id LEFT JOIN ".$prefix."categories ON ".$prefix."categories.categories_id = ".$prefix."newscategories.categories_id GROUP BY ".$prefix."categories.categories_id
";
$result1= mysqli_query($link,$query1) or die(mysqli_error());
 
?>
<script type="text/javascript">
//WYKRES NR1
      google.charts.load("visualization", "1", {'packages':['corechart']});
      google.charts.setOnLoadCallback(drawChart);
      function drawChart() {
 
        // Create the data table.
        var data = new google.visualization.DataTable();
        data.addColumn('string', 'Topping');
        data.addColumn('number', 'Slices');
        data.addRows([
 
<?php 	
		while($r1 = mysqli_fetch_assoc($result1)) {	
		printf("['%s', %d],", $r1['categories_name'], $r1['count']); 
		}
?>	
 
        ]);
 
        var options = {'title':'Statystyka ogłoszeń',
                       'width':400,
                       'height':300};
 
        var chart = new google.visualization.PieChart(document.getElementById('chart1'));
        chart.draw(data, options);
      }
</script>
 <?php
$query2 =" SELECT ".$prefix."rank.rank_name, COUNT(".$prefix."rank.rank_name) as count FROM ".$prefix."users LEFT JOIN ".$prefix."rank ON ".$prefix."rank.rank_id = ".$prefix."users.rank_id GROUP BY ".$prefix."rank.rank_id
";
$result2= mysqli_query($link,$query2) or die(mysqli_error());
 
?>	 
[PHP] pobierz, plaintext 

[PHP] pobierz, plaintext 
<script type="text/javascript">
//WYKRES NR2
       google.load('visualization', '1.0', {'packages':['corechart']});
 
      // Set a callback to run when the Google Visualization API is loaded.
      google.setOnLoadCallback(drawChart);
      function drawChart() {
 
        // Create the data table.
        var data = new google.visualization.DataTable();
        data.addColumn('string', 'Topping');
        data.addColumn('number', 'Slices');
        data.addRows([
 
<?php 	
		while($r2 = mysqli_fetch_assoc($result2)) {	
		printf("['%s', %d],", $r2['rank_name'], $r2['count']); 
		}
?>	
 
        ]);
 
        var options = {'title':'Statystyka użytkowników',
                       'width':400,
                       'height':300};
 
        var chart = new google.visualization.PieChart(document.getElementById('chart2'));
        chart.draw(data, options);
      }
 
 
</script> 
[PHP] pobierz, plaintext 

Ten post edytował eminiasty 9.09.2016, 19:54:16

[trueblue]

A coś się pojawia w konsoli przeglądarki?