DEV Community

Cover image for ECharts: La librería para generar gráficas
Ulises Serrano
Ulises Serrano

Posted on

ECharts: La librería para generar gráficas

Apache ECharts es una librería de JavaScript muy útil e interesante a la hora de crear graficas, hay una gran variedad tipos y formas de configurarlas. #javascript
Lo mas interesante de todo esto es que tienes disponible de manera automática la descarga de la gráfica. cuando esta implementada.

Diferentes graficas

Tienes disponible desde las gráficas básicas de toda la vida de barras hasta gráficas para población, datasets, calendarios, arboles, etc.

La instalación de ECharts se puede realizar fácilmente a través de npm con el siguiente comando.

Comando de instalación

Cuando seleccionas una gráficas te despliega un demo de la misma, la cual la puedes manipular para agregar o quitar cosas que no creas necesarias. Pero no solo eso sino que también las puedes abrir en CodePen o CodeSandbox. Se puede jugar con el modo oscuro si es que lo necesitas y además puedes probar con las diferentes versiones de la librería disponible.

Grafica de ejemplo

Y lo mas increíble de todo si es que por alguna razón necesitas un estilo diferentes al que viene predeterminado, hay un sección en donde puedes elegir el estilo personalizarlo e integrarlo a tu proyecto. ECharts es una de las librerías mas robustas y mejor documentada que he visto y probado. Los ejemplos son muy buenos y los puedes tomar como base para no empezar a hacer la gráfica que quieres completamente de cero.

Personalizar gráfica

Postmark Image

Speedy emails, satisfied customers

Are delayed transactional emails costing you user satisfaction? Postmark delivers your emails almost instantly, keeping your customers happy and connected.

Sign up

Top comments (0)

Billboard image

Create up to 10 Postgres Databases on Neon's free plan.

If you're starting a new project, Neon has got your databases covered. No credit cards. No trials. No getting in your way.

Try Neon for Free →

👋 Kindness is contagious

Please leave a ❤️ or a friendly comment on this post if you found it helpful!

Okay