Simple Clean biblioteca de gráficos SVG-dopyo. js
| Autor: | park108 |
|---|---|
| Views Total: | 742 |
| Sitio oficial: | Ir a la web |
| Actualizado: | August 29, 2018 |
| Licencia: | MIT |
Vista prévia
Descripción
dopyo. js es una biblioteca JavaScript independiente y fácil de usar para dibujar gráficos animados basados en SVG para visualizar su DataSet.
Actualmente admite gráfico de barras, gráfico de columnas, gráfico de líneas, gráfico de barras apiladas y gráfico circular.
Funcionamiento
Descargue e importe el archivo principal de JavaScript ' dopyo. js ' en la página HTML.
<script src="lib/dopyo.js"></script>
Cree una nueva instancia de gráfico con los siguientes parámetros:
- selector: un contenedor para colocar el gráfico.
- tipo de gráfico: Barra, columna, línea, barra apilada o pie.
let myChart = new Dopyo("container", "Bar"); Agregue valores, leyendas, etiquetas y otros atributos al gráfico.
myChart.setLabels(["2013", "2014", "2015", "2016", "2017", "2018"]);
myChart.addLegend({"name": "Alpha", "values": [10, 20, 30, 40, 50, 60]});
myChart.addLegend({"name": "Bravo", "values": [65, 15, 25, 40, 60, 75]});
myChart.addLegend({"name": "Charlie", "values": [20, 45, 65, 45, 20, 70]});
myChart.setPadding(75, 30, 10, 0);
myChart.setTitleText("Chart Title");
myChart.setGridYShow(true); Dibuje el gráfico en la pantalla. Hecho.
d.draw();
