<Html>
<Head>
<Charset meta = "UTF-8">
<title>Documento sin título</title>
<Script type = "text / javascript">
// Cargar el API de visualización y el paquete corechart.
google.charts.load ( 'actuales', { 'paquetes': [ 'corechart']});
// Establecer una devolución de llamada a ejecutar cuando se carga el API de visualización de Google.
google.charts.setOnLoadCallback (inicializar);
// devolución de llamada que crea y rellena una tabla de datos,
// instancia el gráfico circular, pasa en los datos y
// dibuja.
función initialize () {
var = {opta sendMethod: 'auto'};
// reemplazar la URL de origen de datos en línea siguiente con la URL de su fuente de datos.
// Enviar la consulta con una función de devolución de llamada.
query.send (handleQueryResponse);
}
función handleQueryResponse (respuesta) {
si (response.isError ()) {
alert ( 'Error en consulta:' + response.getMessage () + '' + response.getDetailedMessage ());
regreso;
}
datos var = response.getDataTable ();
var options = {
Título: 'Organic Search El rendimiento',
anchura: 900,
altura: 500,
};
gráfico var = new google.visualization.PieChart (document.getElementById ( 'chart_div'));
chart.draw (datos, opciones);
}
</ Script>
</ Head>
<Body>
<Div id = "chart_div"> </ div>
</ Body>
</ Html>