电子邮件图表 - 酒吧,区域和饼图

Question

我想在我的电子邮件中显示图表 - Bar,Area,Pie Charts.我尝试了几个基于CSS的图表与内联样式,但它仍然没有显示.这是在电子邮件中显示图表的最佳方式.

图像是唯一的选择吗？

Answer 1

单独发送HTML电子邮件是一项棘手的工作.各种邮件客户端的各种标准和限制以及大量安全限制使得创建跨浏览器/客户端HTML电子邮件传递变得困难.作为一个拇指规则,我觉得你使用的旧技术越好,它在邮件客户端上统一复制."旧"技术我指的是表驱动的HTML,具有非常基本CSS属性的内联CSS,没有脚本等.

您在电子邮件中的图表可能性:

1. Flash图表 - 几乎所有邮件客户端都会阻止这种情况.
2. HTML5图表 - 大多数电子邮件客户端(包括基于Web的客户端)将阻止SVG,并且还会使"画布"驱动的图表无用,因为JavaScript肯定会被阻止.
3. 纯HTML和CSS图表可能有效,但由于大多数流行的图表库都使用高级HTML功能,因此大多数图表在电子邮件中都无法正常呈现.
4. 基于图像的图表 - 您最好的选择是图表的图像.由于内联图像是通过电子邮件客户端广泛发送的,我的建议是将图表生成为图像,然后将其作为HTML邮件的一部分包含在内.大多数图表组件(如FusionCharts,Highcharts等)允许您将图表生成为图像.

如果您打算使用基于图像的图表并希望它是动态生成的,那么一个好的技巧就是创建一个服务器端脚本,您将通过查询字符串发送数据,它将返回一个图像使用此数据生成的图表.

如果您有部署基于图像的图表任何问题,那么你可能想纯粹基于HTML的图表,使用简单<table>,<div>和内联CSS生成图表.可悲的是,我不认为市场上有一个现成的组件.