Generador de gráfico circular basado en lienzo con JavaScript puro-PieChartLib. js
| Autor: | mshamory |
|---|---|
| Views Total: | 2,950 |
| Sitio oficial: | Ir a la web |
| Actualizado: | December 7, 2015 |
| Licencia: | MIT |
Vista prévia
Descripción
PieChartLib. js es una biblioteca de JavaScript ligera que se usa para generar un gráfico de tarta 2D plano utilizando el elemento canvas de HTML5 .
Funcionamiento
Incluya el archivo de JavaScript PieChartLib. js en la Página Web.
<script src="PieChartLib.js"></script>
Cree un elemento canvas de HTML5 en el lugar donde desee dibujar el gráfico circular.
<canvas id="demo"></canvas>
Crear un nuevo gráfico circular.
var canvas = document.getElementById('canvas');
var graph = new PieChart(canvas, radius, x, y); Agregar elementos al gráfico circular.
graph.items.push(new PieChartDataItem(70, "rgb(255, 0, 0)")); graph.items.push(new PieChartDataItem(30, "rgb(0, 255, 0)"));
Dibuje un gráfico circular en el elemento canvas.
graph.draw();
Configuración disponible.
background = "rgba(255,255,255,1)";
border = {size: 10, color: "rgba(255,255,255,1)"};
shadow = {offsetX: 0, offsetY: 0, blur: 10, color: "rgba(0,0,0,.3)"};
offsetAngle = 0;
