单击按钮时，Google图表会转换为图像

Question

我终于设法在Chrome，IE，FF中使用谷歌图表截图。

为了让谷歌图表在截图中工作，我必须将其转换为图像。 但是动画，工具提示或十字准线不会起作用。 目前我正在使用setTimeout来使动画工作5秒。

任何人都可以通过按钮点击帮助修复此部分，所以当我点击按钮图像获取转换和截图。

如何执行此按钮单击以便两个函数在javasrcipt中触发jquery中的一个 。

按钮点击：

<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>

它一直试图找出截图。 现在动画，工具提示不会工作。 提前谢谢。

Answer 1

如果有更好的方法，请告诉我。 谢谢。

使用全局变量解决了Google图表问题。

喜欢：

freeze = 0; //全局变量

---

Div截图按钮单击 - 具有三个功能：

冷冻= 1;

//延迟

drawChart（）; //这是用于重绘图表，冻结= 1;

捕获（）; //捕捉图像

---

在谷歌图表：

转换部分条件：如果冻结= 1转换部分工作; 否则没有转换（所以我可以得到交叉头发和工具提示工作。）

谷歌重绘图表冻结= 1

---

在图像捕获：

使用谷歌图表捕获div，

使freeze = 0

然后再次调用drawChart（）。 所以谷歌图表再次绘制冻结= 0，所以没有图表图像转换。