диаграммы Google как функция JavaScript

Question

простите мой JavaScript. Я хочу взять код Google Charts и использовать его один раз в качестве функции, затем вызвать его в цикле страницы одной строкой следующим образом:

функция JavaScript (в заголовке)

  var taxes, purchase_costs, closing_costs, holding_costs, cost_money, commissions, theid;

 function costPieChart(taxes,purchase_costs,closing_costs,holding_costs,cost_money,commissions,theid)
 {

  google.load("visualization", "1", {packages:["corechart"]});
  google.setOnLoadCallback(drawChart);


  function drawChart() {
    var data = new google.visualization.DataTable();
    data.addColumn('string', 'Item');
    data.addColumn('number', 'Cost');
    data.addRows([   
      ['Taxes', taxes],
      ['Purchase Costs', purchase_costs],
      ['Closing Costs', closing_costs],
      ['Holding Costs', holding_costs],
      ['Cost of Money', cost_money],
      ['Commissions', commissions]  
    ]);

    var options = {
    width: 190, legend: 'none',
      colors:['red','blue', '993399', 'grey', 'ff6600', 'green']
    };

    var chart = new google.visualization.PieChart(document.getElementById(theid));
    chart.draw(data, options);
  }
  }

затем в цикле html by php

    <script type="text/javascript">
        costPieChart(<?php echo round($method['tax_amount_for_days']).', '.round($method['closing_costs_purchase']).', '.
              round($method['holding_costs']).', '.round($method['cost_of_money']).', '.round($method['commissions_amount']).", 'chart_div".$i."'" ; ?>); 

    </script>
      <div class="chart_wrap"> <div id="chart_div<? echo $i ?>"></div> </div>

Цикл работает визуализирует javascript и html, но, увы, симпатичная круговая диаграмма отсутствует.Помогите?

Answer 1

Вы никогда не вызываете свою функцию drawChart.Вам нужно позвонить так, чтобы нарисовать круговую диаграмму.

var options = {
width: 190, legend: 'none',
  colors:['red','blue', '993399', 'grey', 'ff6600', 'green']
};

var chart = new google.visualization.PieChart(document.getElementById(theid));
chart.draw(data, options);

drawChart();  // <---  like this

}