consultar mysql en arregle de javascript

[mager3]

Cordial saludo...

Necesito un gran favor, no he interactuado con javascript casi, sin embargo deseo implementar en mi web un grafico que ofrece google, lo unico que necesito saber es como agrego una consulta a mi bd al array que viene predefinido en el ejemplo de google, es decir:

Esta es mi consulta a mi bd

Código MySQL:

$sql=mysql_query("select (numerador/denominador)*b.sw_tipo_ind 
            FROM `cc_indicadores` a, `indicadores` b, `sedes` c 
            WHERE a.cod_indicador = $iden 
            AND a.cod_sede = $sede 
            AND a.ano = $ano 
            AND a.cod_indicador = b.cod_indicador 
            AND a.cod_sede = c.cod_sede   
");
 

Y este es el ejemplo de google:

Código Javascript:

<script type="text/javascript" src="https://www.google.com/jsapi"></script>
    <script type="text/javascript">
      google.load("visualization", "1", {packages:["corechart"]});
      google.setOnLoadCallback(drawChart);
      function drawChart() {
        var data = google.visualization.arrayToDataTable([
          ['Year', 'Sales', 'Expenses'],
          ['2004',  1000,      400],
          ['2005',  1170,      460],
          ['2006',  660,       1120],
          ['2007',  1030,      540]
        ]);
 
        var options = {
          title: 'Indicadores de Gestion',
          hAxis: {title: 'Year', titleTextStyle: {color: 'red'}}
        };
 
        var chart = new google.visualization.ColumnChart(document.getElementById('chart_div'));
        chart.draw(data, options);
      }
    </script>
 

como cambio esos datos de YEAR , SALES y EXPENSES por el resultado de mi consulta a la bd?

agradezco inmensamente su apoyo.

[richicasas]

Sin mirar muy a fondo, podrias intentar algo asi:

Código Javascript:

<script type="text/javascript" src="https://www.google.com/jsapi"></script>
    <script type="text/javascript">
      google.load("visualization", "1", {packages:["corechart"]});
      google.setOnLoadCallback(drawChart);
      function drawChart() {
        var data = google.visualization.arrayToDataTable([
          ['Year', 'Sales', 'Expenses'],
          <?php foreach($array as $item): 
            echo "['".$item->year."',  ".$item->sale.",  ".$item->expenses."]";
           endforeach;?>
          ['2004',  1000,      400],
          ['2005',  1170,      460],
          ['2006',  660,       1120],
          ['2007',  1030,      540]
        ]);
 
        var options = {
          title: 'Indicadores de Gestion',
          hAxis: {title: 'Year', titleTextStyle: {color: 'red'}}
        };
 
        var chart = new google.visualization.ColumnChart(document.getElementById('chart_div'));
        chart.draw(data, options);
      }
    </script>