我的谷歌图表工作正常,但我第一次触发显示图表时,我的页面显示为空白。然后当我刷新页面时,图表和其他一切看起来都很好。 我是新手,你能帮我搞清楚吗?我的代码如下:
我的图表代码:
<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([
['Projects', 'Time_Spent'],
<?php
$sql = 'SELECT * FROM ost_ticket where staff_id = '.$_GET['uid'].'';
$res = db_query($sql);
while($row = db_fetch_array($res)) {
?>
['<?php echo getProjectID($row['ticket_id']) ?>', <?php echo getProjectTime($row['ticket_id']) ?>],
<?PHP } ?>
]);
var options = {
title: '',
legend: {
position: 'labeled',
pieSliceText:"value"
},
pieSliceText: 'label',
width: 350,
height: 400,
chartArea:{left:5,top:20,width:"100%",height:"50%"}
};
new google.visualization.PieChart(
document.getElementById('chart_div')).draw(data, options);
}
</script>
答案 0 :(得分:0)
我认为google.load和google.setOnLoadCallback都会调用jquery中的document.ready方法,如果调用两次,可能会导致空白HTML。试试这个而不是那两行。
var options = {packages: ['corechart'], callback : drawChart};
google.load('visualization', '1', options);
希望它有效!