Biblioteca de JavaScript ligera para gráficos HTML5 Canvas
| Autor: | faraslacks |
|---|---|
| Views Total: | 3,764 |
| Sitio oficial: | Ir a la web |
| Actualizado: | February 9, 2015 |
| Licencia: | MIT |
Vista prévia
Descripción
Una biblioteca de JavaScript ligera e independiente que dibuja gráficos circulares (gráficos de anillos) en HTML5 Canvas Elements.
Funcionamiento
Cargue el CircleChart. js en la sección head del documento.
<script src="js/CircleChart.js"></script>
Cree un elemento Canvas de HTML5 en el que desee dibujar un gráfico circular.
<canvas id="demo">Some text here...</canvas>
Inicialice la circular y establezca el porcentaje inicial.
var chart1 = new CircleChart();
chart1.init("demo", 50); Establezca los parámetros para el gráfico circular.
var context = null; var canvasWidth = 320; var canvasHeight = 320; var chartPercent = 34; var lightColor = '#c2d56a'; var darkColor = '#8abc4b'; var inc = true; var mouseX = null; var mouseY = null;
