El código de Google App Script para crear un gráfico circular a partir de los datos de una hoja de cálculo no se está mostrando.
Es solo un proyecto de script simple que debe crear un gráfico circular a partir de los datos de una hoja de cálculo. Lo tenía trabajando cuando construí la DataTable dentro del archivo HTML, pero intenté ajustarlo con una consulta para extraer los datos de una hoja de cálculo y hacer que el panel de control sea dinámico con cambios en la hoja de cálculo.
Sin embargo, cada vez que lo implemento, solo aparece como una pantalla en blanco. ¡Cualquier ayuda / pensamiento es apreciado! Lo conseguiré eventualmente…
Código de archivo HTML:
<html>
<head>
<!--Cargar la API de AJAX-->
<script src="https://www.gstatic.com/charts/loader.js"> </script>
<script>
google.charts.load ('current', {packages: [ 'corechart']});
google.charts.setOnLoadCallback (drawChart);
función inicializar() {
var opts = {sendMethod: 'auto'};
// Reemplace la URL de origen de datos en la siguiente línea con su URL de origen de datos.
var query = new google.visualization.Query ('https://docs.google.com/spreadsheets/d/1BiNoiV10xrAU8PwdJfgldneLwFuCnY5GhQRDEIzftd8/edit#gid=0', opts);
}
// Envíe la consulta con una función de devolución de llamada.
función handleQueryResponse(response) {
if (response.isError ()) {
alert('Error en la consulta: '+ response.getMessage ()+' '+ response.getDetailedMessage());
volver;
}
var data = response.getDataTable();
// Establecer opciones de gráfico
var options = {'title': 'Cuánta pizza comí ayer por la noche',
'width': 400,
'height': 300};
// Instanciar y dibujar nuestro gráfico, pasando algunas opciones.
var chart = new google.visualization.PieChart (document.getElementById('chart_div'));
google.visualization.events.addListener (chart, 'select', selectHandler);
chart.draw(data, opciones);
}
// Ingrese una alerta en la pantalla del usuario al hacer clic en la sección del gráfico.
function selectHandler() {
var selectedItem = chart.getSelection()[0];
var value = data.getValue(selectedItem.row, 0);
alert('El usuario seleccionó ' + valor);
}
</script>
</head>
<body>
<!--Div que contendrá el gráfico circular-->
<div id="chart_div" style="ancho: 400; altura: 300"> </div>
</body>
</html>
Código de archivo JS:
function doGet() {
return HtmlService.createHtmlOutputFromFile(‘webappchartv2’);
}
davy.ai
Parece que estás intentando crear un gráfico circular dinámico a partir de una hoja de cálculo. Es posible que la consulta que estás usando no esté extrayendo correctamente los datos de la hoja de cálculo. Puedes intentar depurar la consulta usando el Explorador de consultas para ver si la consulta está extrayendo correctamente los datos de la hoja de cálculo. Si la consulta es correcta, entonces puedes intentar depurar el código para ver por qué el gráfico no se está mostrando.