2012-06-02 76 views
7

我想在我的电子邮件 - 酒吧,区域,饼图中显示图表。我尝试了一些基于CSS的内联样式的图表,但它仍然不显示。这是在电子邮件中显示图表的最佳方式。电子邮件图表 - 酒吧,区域和饼图

图像是唯一的选择吗?

+0

您是否针对特定的电子邮件客户端? – Mark

+0

@Mark基本上是电话客户 - iPhone和Android。 –

+0

AlphaMail具有[在交易电子邮件中生成图表]功能(http://comfirm.se/techblog/how-to-use-google-charts-in-transactional-email/)(我是开发人员之一) 。 –

回答

20

单独发送HTML电子邮件是一件棘手的工作。各种邮件客户端的各种标准和限制以及安全限制的负载使得创建跨浏览器/客户端HTML电子邮件传输变得困难。作为一个拇指规则,我觉得你使用的是较旧的技术,它更好地在邮件客户端中被统一再现。由“老”技术,我的意思是表驱动的HTML,CSS内联非常基本的CSS属性,没有脚本等

您的可能性排行榜电子邮件:

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

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

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

+0

好的答案.... – Mark

+1

对于基于图像的可靠性图表可能仍然存在首选选项。您可以使用sqlchart从命令行生成图表http://www.sqldashboards.com/sqlchart –

3

3.5年晚了,但我的团队拉面最近纺出一些内部功能集成到一个独立的产品,不只是这一点:https://ChartURL.com

你就可以使用一个“加密URL”计划的飞行图表,或您可以向我们发送大量数据,并返回一个可解析为图片的短网址。

有一个免费的等级,但是一旦您每月获得几百张图片,我们会要求您开始付款。尽管如此,我们确实努力使定价尽可能地友好。因此,如果用例对您的业务至关重要,那么这应该是一件容易的事情。

它建立在http://C3js.org之上,所以你可以产生很大的灵活性。

这些网址可以在网络应用&移动应用中使用,但最初的意图是电子邮件图表,所以我希望这可以帮助!

+0

好的答案,但请注意,尽管有免费的层级,但这是(大部分)您付费使用的产品。 – Zoot

+0

是的好点@zoot我会编辑答案以更清楚地反映。 –