Biblioteca de gráfico de columnas minimalista basada en lienzo-bar-JS
| Autor: | alperentalaslioglu |
|---|---|
| Views Total: | 1,432 |
| Sitio oficial: | Ir a la web |
| Actualizado: | September 27, 2017 |
| Licencia: | MIT |
Vista prévia
Descripción
Una biblioteca de gráficos sencilla, elegante y personalizable que le ayuda a renderizar dinámicamente el lienzo basado en < a href = "https://wikicss.com/tag/bar-chart/" > columna/barras gráficas en la página.
Funcionamiento
Cree un elemento contenedor para el gráfico de barras.
<div id="chart" bar chart here</div>
Coloque el archivo JavaScript bar. js justo antes de la etiqueta del cuerpo de cierre.
<script src="bar.js"></script>
Defina los datos del gráfico en el código JavaScript.
// Chart Data
var data = [
{label: 'Jan', value: 1},
{label: 'Feb', value: 2},
{label: 'March', value: 3},
{label: 'April', value: 4},
{label: 'May', value: 5)}
]; Configuración del gráfico de barras.
var targetId = 'chart'; var canvasWidth = 600; var canvasHeight = 450;
Represente el gráfico de barras en su página web.
var chart = new BarChart(targetId, canvasWidth, canvasHeight, data);
