Question

我目前正在使用谷歌图表API，一切运行良好但后来有一个规格来说应该拍摄图像，在此我称之为getImageURI() 谷歌图表API的功能，在图表准备好后调用此函数。这来自谷歌：注意：您应该等待就绪事件，如本页示例所示，以确保图表已完成渲染。

var my_div = document.getElementById('my_div');
var my_chart = new google.visualization.ChartType(chart_div);
var imgUri;
  google.visualization.events.addListener(my_chart, 'ready', function () {
  imgUri = chart.getImageURI();

  document.getElementById("<%= HiddenField1.ClientID%>").value = imgUri;
  });

my_chart.draw(data);

我的HiddenField1将在图表已经呈现后填充，或者只是在页面已经完成加载时说出。当我点击预览按钮时会发生这种情况。

但是我的规格表明在单击打印按钮后应立即填充HiddenField1，这意味着它应该在完成呈现asp页面之前有一个值。

当前情景：

第1步：点击按钮预览 - ＆gt;隐藏字段使用png字符串值填充。第2步：点击按钮打印 - ＆gt;隐藏字段有价值，所以我可以打印png图像。

预期方案：

单击

按钮打印 - ＆gt;在页面完成加载或图表准备好之前飞行，隐藏字段应该已经有一个值，以便我可以打印一个png图像。

我希望你可以输入这个，我在javascript上阅读了一些关于setTimeOut函数的文章，但是我不能在我的代码中应用它。

Answer 1

var imageVariable = document.getElementById("<%= HiddenField1.ClientID%>");
imageVariable.src = imgUri;

在谷歌图表上捕获图像

1 个答案: