google charts as a javascript function - php

Question

forgive my javascript.. I want to take the google charts code and use it once as a function then call it in the page loop with a single line as follows:
javascript function (in header)
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);
}
}
then in the html by php loop
<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>
The loop works renders the javascript and html but alas, the cute lil pie chart is absent. Help?

Answer 1

You never call your drawChart function. You need to call that at some point to draw your pie chart.
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
}