Simple SVG basado en la biblioteca de gráficos de JavaScript-davacharts
| Autor: | arzidava |
|---|---|
| Views Total: | 1,915 |
| Sitio oficial: | Ir a la web |
| Actualizado: | April 21, 2016 |
| Licencia: | MIT |
Vista prévia
Descripción
davacharts es una biblioteca de trazado JavaScript simple y ligera para generar gráficos complejos & gráficos usando SVG y CSS. Actualmente admite gráficos de línea, columna y área.
Funcionamiento
Añade referencias a los archivos JS y CSS de davacharts en tu documento HTML.
<script src=".davacharts.js"></script> <link rel="stylesheet" href="davacharts.css">
Cree un contenedor vacío para colocar el gráfico.
<div class="js-chart"></div>
El código JavaScript para representar un gráfico combinado con gráficos de línea, área y columna.
var DVC = document.DavaCharts;
var chart = new DVC.Chart('.js-chart', {
plot: {
xAxis: { tickCount: 10}
},
series: [{
data: [15, 16, 15, 16, 15, 16, 17, 16, 15, 14],
type: 'area'
}, {
data: [8, 7, 6, 5, 6, 5, 8, 10, 6, 7],
type: 'column'
}, {
data: [0, 1, 1, 2, 3, 5, 8, 13, 21, 34],
type: 'line'
}]
}); Opciones predeterminadas.
axis: {
max: Number.MIN_VALUE,
min: Number.MAX_VALUE,
tickCount: 5
},
renderer: {
cssPrefix: "dvc-",
precision: 0.001,
},
presenter: {
type: 'line',
plot: 0
}
