jquery — круговая диаграмма Google с ajax и php не работает

Я пытаюсь создать круговую диаграмму Google, используя ajax и php. Но это не работает для меня. Пожалуйста, кто-нибудь, помогите мне. Код приведен ниже.
Моя первая страница — piechart.php

     <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js">  </script>
<script>
function get_piechart()
{
$("#std").load("get_piechart.php");
}
</script>

<input type="button" value="piechart" onClick="get_piechart();"/>
<div id="std">
</div>

Моя страница ajax — get_piechart.php

      <div id="chart_div" style="width: 900px; height: 500px;"></div>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script type="text/javascript" src="https://www.google.com/jsapi"></script>
<script type="text/javascript">

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

function load_chart_data() {
$.ajax({
url: 'getData1.php', // provide correct url
type: 'POST',
data: {get_chart: true},
dataType: 'JSON', // <-- since youre expecting JSON
success: function(chart_values) {
console.log(chart_values); // take a peek on the values (browser console)
draw_chart(chart_values); // call your drawing function!
}
});
}

function draw_chart(chart_values) {
var data = google.visualization.arrayToDataTable(chart_values);
var options = {
title: 'Your super chart!',
vAxis: {title: 'Hours Per Day', titleTextStyle: {italic: false}},
hAxis: {title: 'Task', titleTextStyle: {italic: false}},
};
var chart = new google.visualization.PieChart(document.getElementById('chart_div'));
chart.draw(data, options);
}

</script>

файл данных — getData1.php

   <?php
if(isset($_POST['get_chart'])) {
$values = array(
array('Task', 'Hours Per Day'),
array('Booking', 11),
array('Pending', 89),
);

echo json_encode($values);
exit;
}
?>

При нажатии на кнопку круговой диаграммы я получил ошибку Uncaught ReferenceError: Google не определен. Пожалуйста, помогите мне решить эту проблему

0

Решение

Задача ещё не решена.

Другие решения

Других решений пока нет …

По вопросам рекламы [email protected]