Aggiornare grafico con i dati inseriti in tabella

  • Creatore Discussione Creatore Discussione Max61
  • Data di inizio Data di inizio

Max61

Utente Attivo
2 Mar 2014
760
4
18
Buongiorno, ho aggiunto un grafico alle pagine php, il grafico in questione lo aggiorno inserendo manualmente i dati estratti da una query, mi piacerebbe che il tutto fosse automatico, cioè che il grafico si aggiornasse man mano che la tabella si popola.
Allego codice grafico.php
PHP:
<html>
    <head>
        <script type="text/javascript" src="http://www.google.com/jsapi"></script>
        <script type="text/javascript">
            google.load("visualization", "1", {packages:["linechart"]});
            google.setOnLoadCallback(drawChart);
            function drawChart()
            {
                var data = new google.visualization.DataTable();
                data.addColumn('string', 'Età media');
                data.addColumn('number', 'Maschi');
                data.addColumn('number', 'Femmine');
		
		  
                $fascia0_0F= 1;		$fascia0_0M= 1;		

          	$fascia1_4F= 0;		$fascia1_4M= 1;		

                $fascia5_9F= 0;		$fascia5_9M= 0;		

               $fascia10_14F= 0;   	$fascia10_14M= 0;	
		  
	       $fascia15_19F= 0;    	$fascia15_19M= 0;	
              
	       $fascia20_24F= 0;   	$fascia20_24M= 0;	

	      $fascia25_29F= 0;   	$fascia25_29M= 2;	

              $fascia30_34F= 1;    	$fascia30_34M= 3;	

	      $fascia35_39F= 0;    	$fascia35_39M= 1;	

              $fascia40_44F= 7;    	$fascia40_44M= 4;	

	      $fascia45_49F= 4;   	$fascia45_49M= 13;	

              $fascia50_54F= 11;    	$fascia50_54M= 14;	

	      $fascia55_59F= 18;    	$fascia55_59M= 20;	

              $fascia60_64F= 20;    	$fascia60_64M= 23;	

	      $fascia65_69F= 29;    	$fascia65_69M= 41;	

              $fascia70_74F= 45;    	$fascia70_74M= 64;	

	      $fascia75_79F= 60;    	$fascia75_79M= 98;	

              $fascia80_84F= 122;   	$fascia80_84M= 120;	

             $fascia85_89F= 150;	$fascia85_89M= 131;	

	     $fascia90_OLTREF= 187;	$fascia90_OLTREM= 69;	

             
		
		//fascia_eta, maschi, femmine
                data.addRows([
                    ['0-0',   $fascia0_0M,  	    $fascia0_0F],
                    ['1-4',   $fascia1_4M,  	    $fascia1_4F],
                    ['5-9',   $fascia5_9M,  	    $fascia5_9F],
                    ['10-14', $fascia10_14M, 	    $fascia10_14F],
                    ['15-19', $fascia15_19M, 	    $fascia15_19F],
                    ['20-24', $fascia20_24M, 	    $fascia20_24F],
                    ['25-29', $fascia25_29M, 	    $fascia25_29F],
                    ['30-34', $fascia30_34M, 	    $fascia30_34F],
	            ['35-39', $fascia35_39M, 	    $fascia35_39F],
                    ['40-44', $fascia40_44M, 	    $fascia40_44F],
                    ['45-49', $fascia45_49M, 	    $fascia45_49F],
                    ['50-54', $fascia50_54M, 	    $fascia50_54F],
	            ['55-59', $fascia55_59M, 	    $fascia55_59F],
                    ['60-64', $fascia60_64M, 	    $fascia60_64F],
                    ['65-69', $fascia65_69M, 	    $fascia65_69F],
                    ['70-74', $fascia70_74M,	    $fascia70_74F],
	            ['75-79', $fascia75_79M,	    $fascia75_79F],
                    ['80-84', $fascia80_84M,	    $fascia80_84F],
                    ['85-89', $fascia85_89M, 	    $fascia85_89F],
                    ['90 e oltre', $fascia90_OLTREM, $fascia90_OLTREF]
	                ]);
					

                var chart = new google.visualization.LineChart(document.getElementById('chart_div'));
                chart.draw(data, {
                    width: 1200,
                    height: 300,
                    legend: 'right',
                    title: 'Totale decessi registrati allo stato civile (aggiornato a Gennaio 2015)'
                });
            }
        </script>
    </head>

    <body>
        <div id="chart_div"></div>
    </body>
</html>

Mi sapete aiutare?

Grazie
Max61
 

Discussioni simili