Biblioteca simple de gráficos de barras elegantes-bar. js
| Autor: | avivlevi |
|---|---|
| Views Total: | 1,271 |
| Sitio oficial: | Ir a la web |
| Actualizado: | March 14, 2018 |
| Licencia: | MIT |
Vista prévia
Descripción
Una biblioteca de JavaScript sencilla y ligera para generar un gráfico basado en lienzo, (gráfico de columnas) de una matriz de objetos de datos definidos en JavaScript.
Funcionamiento
Cree un elemento de marcador de posición para el gráfico de barras generado.
<div id="chart">This will be our bar chart</div>
Coloque el archivo JavaScript ' bar. js ' en la parte inferior de la página HTML.
<script src="bar.js"></script>
Prepare sus datos para presentarlos en el gráfico de barras.
var data = [
{label: 'Jan', value: 1 },
{label: 'Feb', value: 2},
{label: 'March', value: 3},
{label: 'April', value: 4},
{label: 'May', value: 5},
...
]; Genere un gráfico de barras en el elemento de marcador de posición y listo.
// Chart Specifications var targetId = 'chart'; var canvasWidth = 600; var canvasHeight = 450; // Create Chart var chart = new BarChart(targetId, canvasWidth, canvasHeight, data);
