Hola chicos, adjunto mi código para este ejercicio CU01194E del tutorial básico de desarrollo web JavaScript desde cero.
Por cierto, he usado la libreria chart que está hecha y mantenida por Google, más que nada por que todo lo que tiene Google está muy bien documentado y facilita mucho el uso de sus librerias.
Este ejercicio no forma parte del curso, por eso se califica como opcional. El ejercicio consiste en ver un breve ejemplo de uso de una librería JavaScript para creación de un gráfico.
Considera que como resultado de realizar una encuesta a los clientes de un hotel se han obtenido estos resultados: 35 % insatisfechos, 42 % satisfechos y 23 % indiferentes.
Se pide utilizar una librería o framework JavaScript especializada en la creación de gráficos para crear un gráfico circular que refleje dichos resultados.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
<script type="text/javascript">
google.charts.load("current", {packages:["corechart"]});
google.charts.setOnLoadCallback(drawChart);
function drawChart() {
var data = google.visualization.arrayToDataTable([
['Task', 'Hours per Day'],
['Satisfecho', 42],
['Indiferente', 23],
['Insatisfecho', 35]
]);
var options = {
title: 'Resultado ejercicio CU01194E',
is3D: true,
};
var chart = new google.visualization.PieChart(document.getElementById('piechart_3d'));
chart.draw(data, options);
}
</script>
</head>
<body>
<div id="piechart_3d" style="width: 900px; height: 500px;"></div>
</body>
</html>Saludos!!!
Tema: Crear gráficos circulares JavaScript librería chart de google framework CU01194E (Leído 2064 veces)
RSS -
WAP2