将Google可视化图表发送到电子邮件

Question

我们可以将Google Visualization图表发送到电子邮件客户端吗？我试图在发送电子邮件时复制粘贴javascript代码,但它已被gmail动态删除.

感谢致敬.

Answer 1

免责声明：我是Image-Charts创始人。

6年后！Google Image-Charts自2012年起就已弃用，作为一名独立黑客，我不想每次我启动新的SaaS时都可以从头重写图像生成后端，以便能够通过电子邮件发送图表。

这就是为什么我要建立图像图表 并在其上添加gif动画（电子邮件中的图表动画很棒！），不再有服务器端图表渲染的麻烦，没有缩放问题，速度飞快，1 URL = 1图像图表。

https://image-charts.com/chart
?cht=bvg
&chd=t:10,15,25,30,40,80
&chs=700x300
&chxt=x,y
&chxl=0:|March '18|April '18|May '18|June '18|July '18|August '18|
&chdl=Visitors (in thousands)
&chf=b0,lg,90,05B142,1,0CE858,0.2
&chxs=1N**K
&chtt=Visitors report
&chma=0,0,10,10
&chl=||||+33% !|x2 !

Answer 2

我也遇到了这个问题。为了通过电子邮件发送图表，您需要将其呈现为图像，因为电子邮件客户端会剥离 Javascript。

如果您使用的是 Google Charts，则必须运行 Javascript，然后使用getImageURI将其导出。要自动化此操作，您需要一个无头渲染器，例如puppeteer。

问题的解决方案是开源。我将图表渲染封装在库和 Web 服务器中： https: //github.com/typpo/quickchart。该 Web 服务处理渲染细节，您所做的就是使用您的数据调用 API。

例如，在查询参数中定义图表：

https://quickchart.io/chart?width=500&height=300&c={type:'bar',data:{labels:['一月','二月','三月','四月','五月'],数据集:[{label:'狗',data:[50,60,70,180,190]},{label:'猫',data:[100,200,300,400,500]}]}}

上面的 URL 呈现此图像：

希望这可以帮助！

Answer 3

电子邮件客户端中很少有 JS 支持。所以你必须使用图像图表。但您可以将图表包含在 svg 版本的链接中。