- Instala la librería en tu proyecto:
npm install chartgraph
- Importalo a tu proyecto:
Para utilizarlo introduce estas líneas en archivo javascript (main.js):
import{ChartGraph} from "chartgraph";
let chart = new ChartGraph();
chart.dibujar();
-
Introducir datos:
chart.data=[ ["Cristina", new Date()],
["Felix", new Date('2024-07-01')], ] -
Cambiar diferentes configuraciones:
chart.options.width=500 // Por defecto es 800
-
Resto de configuraciones:
idSVG":"svg", "type":"burbujas", "width": 800, "height":220, "margen":20, "xmlns":"http://www.w3.org/2000/svg", "tituloPrincipal":"", "grafica":{ "tituloEjeY":"", "columnaEjeY": 0, "alturaDatoEjeY":25, "porcentajeBarra":0.7, "tituloEjeX":"", "diasRepresentados": 30, "pasosDias": 10, "columnaEjeX":1, "fechaFinal": new Date(), "fechaInicial": new Date(), "radioBurbuja": 4 }