Gráfico hexagonal mínimo con JavaScript y Canvas-HexChart
| Autor: | liuxd |
|---|---|
| Views Total: | 2,019 |
| Sitio oficial: | Ir a la web |
| Actualizado: | July 6, 2017 |
| Licencia: | MIT |
Vista prévia
Descripción
HexChart es una biblioteca JavaScript muy pequeña que le ayuda a dibujar un gráfico hexagonal en un elemento canvas de HTML5.
Funcionamiento
Sólo tiene que descargar e incluir el HexChart. js en la página HTML.
<script src="hexagon-chart.js"></script>
Cree un elemento canvas de HTML5 vacío para el gráfico hexagonal.
<canvas id="demo"></canvas>
Inicializar el gráfico hexagonal:
// hexagon.init(id, side_length, names, color)
hexagon.init('demo', 180, ['Name 1', 'Name 2', 'Name 3', 'Name 4', 'Name 5', 'Name 6']); Dibuje el gráfico hexagonal en el elemento canvas.
hexagon.draw(values, color);
Reemplace los valores predeterminados en JavaScript.
bg_default_color: '#99ccff', value_default_color: '#ffff99', x_offset: 30,
