javascript - 将 Google 图表包装器保存到图像

标签 javascript google-visualization

如何通过单击按钮将图表包装器保存到图像(png、jpg、bmp ...我不在乎)。

普通的谷歌图表没有问题,您只需右键单击它并另存为图像即可。

但是如何在 Google Chart Wrapper 中保存图表图像???

最佳答案

我认为您正在寻找的相关文档位于 Charts API Website 。此方法会将图表显示为 PNG 格式的图像而不是 SVG。您将失去工具提示和选择等交互功能。

如果您仍然需要这些功能,您可以编写一个链接,将静态图表图像弹出到新窗口中进行保存。

由于您使用的是 ChartWrapper,您将需要使用类似以下内容的内容:

var imageUri = chartWrapper.getChart().getImageURI();

它返回的 Uri 是一个 base64 编码的 PNG 图像,如果用作 img 标记的 src 属性,大多数现代浏览器都会将其呈现为图像,或者只需直接输入地址栏即可。

关于javascript - 将 Google 图表包装器保存到图像,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30817804/

相关文章:

javascript - Google Chart - 内部有文本和间隔的点

google-visualization - 谷歌图表轴标题

google-visualization - 更改堆叠分组 Google 柱形图的颜色

javascript - JQuery 选择选中复选框的标签

php - 来自 Firefox Web Worker 的异步 POST 请求

javascript - 从 webview 获取用户触摸的元素

javascript - 如何更改 Google 可视化时间线工具箱中的日期格式

jquery - 按年份 DESC 显示 google 图表日历

javascript - Google Maps API - 为什么标签不与标记一起动画?

javascript - WordPress wp_register_script() 错误