ApexCharts.js: No funciona exportar a png

Escenario

Ésta es rápida y muy específica, pero nada evidente. Me ha llevado un poco de tiempo dar con el problema. Si no utilizas apexcharts posiblemente no te vaya a interesar esta entrada. Es una biblioteca de JavaScript para dibujar gráficos a partir de datos.

Problema

Apexcharts ofrece la posibilidad de exportar a PNG desde un menú situado en la parte derecha superior de la gráfica. No es la primera vez que lo activo por configuración y hasta ahora me ha funcionado. Pero por más que hago click en enlace ahora no reacciona. Ni siquiera muestra error alguno por consola.

solución

Esta issue de GitHub me puso sobre la pista. Con JavaScript disponemos de una función muy útil para convertir grandes números a un formato más legible para humanos. Por ejemplo, 1000000 se convierte en 1M. Se usa de la manera siguiente: Donde val es la cifra que queremos formatear. Pues bien, resulta que la función format representa el valor convertido con un tipo de espacio que hace que rompa la exportación a PNG de la gráfica de Apexcharts. ¿La manera de solucionarlo?
Nota: uso la versión 3.26.3 de ApexCharts.

Publicaciones Similares

  • Spring boot y websockets

    Escenario Un usuario se conecta con el móvil a su aplicación de empresa. Si es la primera vez que lo hace ésta le pide autorización para recabar su localización. La aplicación manda la localización al servidor y desde el servidor se informa a una página de monitorización. Dicha página está conectada por websocket con el…

  • horario de verano y javascript

    Escenario Con el fin de dibujar una gráfica cronológica, necesito generar en javascript una matriz de fechas a partir de una de inicio y otra de fin. En stackoverflow doy con una solución que considero sencilla e inteligible:

    Tras modificarla lo justo y probarla compruebo que devuelve una matriz de fechas de tipo '2019-02-01','2019-02-02','2019-02-03','2019-02-04'

  • Como modificar la configuración webmail Horde en plesk

    Escenario Necesitamos exportar todos los correos de cuentas corporativas de un proveedor a otro. Nuestro proveedor actual utiliza el cliente webmail roundcube. Los usuarios usan diferentes clientes/versiones de correo de escritorio, lo cual dificulta la gestión del cambio. Pensamos que sería más sencillo confeccionar un manual de cómo exportar los correos con un único cliente…

  • Composer e instancia AWS t2.micro ec2: ¡no hay memoria suficiente!

    Escenario: Desplegar una aplicación php en una instacia de tipo t2.micro en EC2 utilizando composer.phar. Problema: Este tipo de instancia sólo dispone de 1GB de memoria, insuficiente para instalar las dependencias de un proyecto de tipo symfony por ejemplo. Resultando en un error fatal de este tipo: PHP Fatal error:  Out of memory (allocated 813694976) (tried to allocate 67108864 bytes) in phar:///usr/bin/composer/src/Composer/DependencyResolver/Solver.php on line 220 Soluciones. Pagar un poco más por un…

  • React select async

    Escenario Estoy diseñando un formulario web en el que quiero mostrar un combo que se carga dinámicamente con una petición XHR. Problema Los datos a cargar cuentan con miles de registros. Necesito un combo que se cargue de manera dinámica y disponga de un autocomplete para filtrar los resultos. Solución React select es un módulo…

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *