当点击按钮时,谷歌图表转换为图像
Google chart convert to image when button is click
我终于在Chrome、IE、FF中获得了谷歌图表的屏幕截图。
为了让谷歌图表在屏幕截图中工作,我必须将其转换为图像。但是动画、工具提示或十字线就不起作用了。目前我正在使用setTimeout让动画工作5秒。
有人能用按钮点击来帮助修复这个部分吗?所以当我点击按钮时,图像会被转换并截图。
如何做到这一点点击按钮,使两个函数触发一个在jquery中,另一个在javasrcipt中
点击按钮:
<a href="#" onclick="someFunc()">Save Form</a>
<script>
function someFunc() {
google();
capture();
}
</script>
谷歌绘图:
google.visualization.events.addListener(chart2, 'ready', function() {
//currently using settimeout here
curve_chart.innerHTML = '<img src="' + chart2.getImageURI() + '">';
console.log(curve_chart.innerHTML);
});
捕获:
<script>
$(function() {
//how to make someFunc() work here. ?
$("#btnSave").click(function() {
html2canvas($("#cal"), {
//screenshot code here
}
});
});
});
</script>
我花了好几天的时间试图弄清楚屏幕截图。现在动画,工具提示不起作用。预付款谢谢。
如果有更好的方法,请告诉我。谢谢
使用全局变量解决了谷歌图表问题。
类似:
冻结=0//全局变量
Div屏幕截图按钮点击-具有三个功能:
冻结=1;
//延迟
drawChart();//这是用冻结=1的图表重新绘制的;
capture();//以捕获图像
在谷歌图表中:
转换零件条件:如果冻结=1,则转换零件工作;否则没有转换(所以我可以得到交叉头发和工具提示工作。)
谷歌用冻结=1 重新绘制图表
在图像捕获中:
用谷歌图表捕捉div,
冻结=0
然后再次调用drawChart()。所以谷歌图表再次绘制冻结=0,所以没有图表图像转换。
相关文章:
- 当图像转换为本地存储的DataURL时,EXIF被删除
- 如何使用jquery将base64图像路径转换为真实路径
- 如何在内联依赖项并将图像转换为dataURI的情况下完全提取网页
- 将包含SVG元素的HTML转换为图像文件
- 无法在Cordova 4.0 ios中将jpg/jpeg图像转换为Base64
- Cordova图像选取器转换为base64
- JS-如何将图像对象转换为灰度并显示
- 如何在fabricjs中嵌入图像base64将画布转换为SVG
- 应用将图表转换为图像的jqplot代码时Chrome挂起
- ng文件上传获胜't将jpg图像转换为png
- 用于将html转换为bbcode的Javascript,用于带有链接的图像
- 从 Base64 转换图像时出错 - HTMLImageElement 已损坏
- 如何在 Safari 上的 3D 转换图像上修复剪裁的文本
- 需要帮助更换扩展.jpg到.png或转换图像
- 什么是最简单的方法,我可以转换图像/元素到另一个图像/元素,同时拖动它
- 我可以转换图像从base64到二进制客户端
- 在Javascript中转换图像到内存流数据
- 正则表达式转换图像源
- 在firefox上转换图像为base64 javascript
- 从url转换图像为base64