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

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

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

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

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

如果您在部署基于图像的图表时遇到任何问题,那么您可以考虑使用简单< table>,< div>的基于纯HTML的图表.和内联CSS生成图表.可悲的是,我认为市场上没有现成的组件.