Question

我终于设法在Chrome，IE，FF中使用Google Chart获取屏幕截图。

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

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

如何执行此操作按钮单击以使两个函数在javasrjt中以jquery触发另一个。

按下

按钮：

<a href="#" onclick="someFunc()">Save Form</a>
<script>
function someFunc() {
    google();
    capture();
}
</script>

google draw：

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转换部分工作;否则没有转换（所以我可以得到交叉头发和工具提示工作。）

google重绘图表，冻结= 1

图像捕获中的

：

使用谷歌图表捕获div，

使freeze = 0

然后再次调用drawChart（）。所以Google图表再次使用freeze = 0绘制，因此没有图表图像转换。

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

1 个答案: