当点击按钮时,谷歌图表转换为图像

Google chart convert to image when button is click

本文关键字:转换 图像 谷歌 按钮      更新时间:2023-09-26

我终于在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,所以没有图表图像转换。