Gráficos por correo electrónico - Bar, Área y Gráficos circulares

Question

Quiero mostrar Gráficos en mi correo electrónico - Bar, Área, Gráficos circulares. Intenté algunos gráficos basados ​​en CSS con estilos en línea, pero aún no aparece. Cuál es la mejor manera de mostrar Gráficos en el correo electrónico.

¿Son las imágenes la única opción?

Answer 1

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 y clientes. Como regla general, creo que con la tecnología más antigua que utiliza, mejor se reproduce uniformemente entre los clientes de correo. Por la tecnología de "viejo", me refiero a HTML basada en tablas, CSS en línea con los atributos CSS muy básicas, sin secuencias de comandos, etc.

Sus posibilidades de cartas en el correo electrónico:

1. gráficos en flash - esto sería bloqueado por casi todos los clientes de correo.
2. 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án inútiles los gráficos "canvas", ya que JavaScript definitivamente se bloqueará.
3. Los cuadros HTML y CSS puros pueden funcionar, pero dado que las bibliotecas de gráficos más populares usan funciones HTML avanzadas, la mayoría de los gráficos no se procesarán correctamente en el correo electrónico.
4. Gráficos basados ​​en imágenes: su mejor opción sería una imagen de la tabla. Dado que las imágenes en línea se envían ampliamente a través de 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 pretenda utilizar gráficos basados ​​en imágenes y desee que se generen dinámicamente, un buen truco sería crear un script del lado del servidor, al que enviaría datos a través de query-string y Devolvería la imagen de un gráfico generado con estos datos.

Si usted tiene cualquier problema despliegue de gráficos basados ​​imagen, entonces se puede pensar en gráficos basados ​​en HTML puro que utilizan sencilla <table>, <div> y CSS en línea para generar gráficos. Lamentablemente, no creo que haya un componente fácilmente disponible en el mercado para eso.

Answer 2

3,5 años tarde, pero mi equipo en Ramen recientemente se salió algunas funciones internas en un producto independiente que hace precisamente esto: https://ChartURL.com

Puede generar gráficos sobre la marcha utilizando un esquema de "cifrado URL", o puede enviarnos grandes cantidades de datos y le devolveremos una URL corta que se resolverá 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 empiece a pagar. Sin embargo, realmente nos hemos esforzado por hacer los precios lo más amigables posible. Por lo tanto, no debería ser pan comido si el caso de uso es crítico para su negocio.

Se construyó encima de http://C3js.org por lo que hay un montón de flexibilidad en lo que puede generar.

Estas URL se pueden utilizar en aplicaciones web & aplicaciones móviles, pero la intención original era cartas de correo electrónico, así que espero que esto ayude.