Solución:
Enviar correo electrónico HTML por sí solo es un trabajo complicado. Varios estándares y limitaciones de varios clientes de correo y un montón de restricciones de seguridad dificultan la creación de una entrega de correo electrónico HTML entre navegadores / clientes. Como regla general, creo que cuanta tecnología más antigua utilice, mejor se reproducirá uniformemente en los clientes de correo. Por tecnología “más antigua” me refiero a HTML basado en tablas, CSS en línea con atributos CSS muy básicos, sin secuencias de comandos, etc.
Sus posibilidades para gráficos en correo electrónico:
- Gráficos flash: esto sería bloqueado por casi todos los clientes de correo.
- Gráficos HTML5: la mayoría de los clientes de correo electrónico (incluidos los basados en web) bloquearán SVG y también harían inútiles los gráficos basados en “lienzo”, ya que JavaScript definitivamente se bloqueará.
- Los gráficos HTML y CSS puros pueden funcionar, pero dado que la mayoría de las bibliotecas de gráficos populares utilizan funciones HTML avanzadas, la mayoría de los gráficos no se mostrarían bien en el correo electrónico.
- Gráficos basados en imágenes: su mejor opción sería una imagen del gráfico. Dado que las imágenes en línea se envían ampliamente a través de los clientes de correo electrónico, mi sugerencia sería generar un gráfico como imagen y luego incluirlo como parte de su correo HTML. La mayoría de los componentes de gráficos (como FusionCharts, Highcharts, etc.) le permiten generar gráficos como imagen.
En caso de que desee utilizar gráficos basados en imágenes y, sin embargo, desee que se genere dinámicamente, un buen truco sería crear un script del lado del servidor, al que enviaría datos a través de una cadena de consulta y devolvería la imagen de un gráfico generado con estos datos.
Si tiene algún problema para implementar gráficos basados en imágenes, puede pensar en gráficos basados en HTML puro que utilicen gráficos simples. <table>, <div> y CSS en línea para generar gráficos. Lamentablemente, no creo que haya un componente disponible en el mercado para eso.
3.5 años tarde, pero mi equipo en Ramen recientemente desarrolló algunas funciones internas en un producto independiente que hace exactamente esto: https://ChartURL.com
Puede generar gráficos sobre la marcha utilizando un esquema de “URL cifrada”, o puede enviarnos grandes cantidades de datos y le devolvemos una URL corta que se convertirá en una imagen.
Hay un nivel gratuito, pero una vez que obtenga más de unos cientos de imágenes por mes, le pediremos que comience a pagar. Sin embargo, nos hemos esforzado mucho para que los precios sean lo más amigables posible. Por lo tanto, debería ser una obviedad si el caso de uso es fundamental para su negocio.
Se creó sobre http://C3js.org, por lo que hay mucha flexibilidad en lo que puede generar.
Estas URL se pueden usar en aplicaciones web y aplicaciones móviles, pero la intención original eran los gráficos de correo electrónico, ¡así que espero que esto ayude!
Descargo de responsabilidad: soy el fundador de Image-Charts.
Como indiehacker, tenía la misma pregunta que tú cada vez que comenzaba un nuevo SaaS (reescribir desde cero un backend de generación de imágenes para luego enviar gráficos a través de correos electrónicos).
Por eso he construido un reemplazo directo para los gráficos de imágenes de Google y agregó animación GIF encima (¡las animaciones de gráficos en los correos electrónicos son increíbles!).
Se llama gráficos de imágenes. No más molestias en la representación de gráficos del lado del servidor, sin problemas de escala, es increíblemente rápido, 1 URL = 1 gráfico de imagen.
