Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/java/347.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Java 将Google图表web组件转换为图像_Java_Google Chrome_Web Applications_Google Visualization_Polymer - Fatal编程技术网

Java 将Google图表web组件转换为图像

Java 将Google图表web组件转换为图像,java,google-chrome,web-applications,google-visualization,polymer,Java,Google Chrome,Web Applications,Google Visualization,Polymer,我正在使用google图表web组件,我想知道是否有办法将图表转换为图像。 谢谢 代码示例: <google-chart type='pie' options='{"title": "Number Of Alarms per category"}' cols='[{"label":"category", "type":"string"}, {"label":"number", "type":"number"}]' rows='[["Gold", 31],["Bronze"

我正在使用google图表web组件,我想知道是否有办法将图表转换为图像。 谢谢

代码示例:

<google-chart
  type='pie'
  options='{"title": "Number Of Alarms per category"}'
  cols='[{"label":"category", "type":"string"}, {"label":"number",  "type":"number"}]'
  rows='[["Gold", 31],["Bronze", 28],["Silver", 31]]'>
</google-chart>

像这样的图表,我使用的是polymer,它是一款spring boot网络应用程序


我真正想要的是将这些图表作为图像放入pdf文件中,我的应用程序将通过邮件发送给用户。

您的代码示例不应该很糟糕。无论如何,有一种方法可以将图表转换为图像:

var my_div = document.getElementById('chart_div');
var my_chart = new google.visualization.ChartType(chart_div);

google.visualization.events.addListener(my_chart, 'ready', function () {
  my_div.innerHTML = '<img src="' + chart.getImageURI() + '">';
});

my_chart.draw(data);
var my_div=document.getElementById('chart_div');
var my\u chart=new google.visualization.ChartType(chart\u div);
google.visualization.events.addListener(我的图表'ready',函数(){
my_div.innerHTML='';
});
我的图表绘制(数据);

文档:

您的代码示例不应该是坏的。无论如何,有一种方法可以将图表转换为图像:

var my_div = document.getElementById('chart_div');
var my_chart = new google.visualization.ChartType(chart_div);

google.visualization.events.addListener(my_chart, 'ready', function () {
  my_div.innerHTML = '<img src="' + chart.getImageURI() + '">';
});

my_chart.draw(data);
var my_div=document.getElementById('chart_div');
var my\u chart=new google.visualization.ChartType(chart\u div);
google.visualization.events.addListener(我的图表'ready',函数(){
my_div.innerHTML='';
});
我的图表绘制(数据);

文档:

尝试组件的getImageURI方法,它是图表本机getImageURI方法的包装:

选择组件并调用getImageURI将以base64编码字符串的形式返回图像:

var chart = document.querySelector('google-chart'),
imageAsString = chart.getImageURI()

请尝试组件的getImageURI方法,它是图表本机getImageURI方法的包装器:

选择组件并调用getImageURI将以base64编码字符串的形式返回图像:

var chart = document.querySelector('google-chart'),
imageAsString = chart.getImageURI()

请您的问题显示您遇到问题的代码的一部分,然后我们可以尝试帮助解决具体问题。您还应该阅读。可能重复的不完全相同请您的问题,以显示您有问题的代码,然后我们可以尝试帮助解决具体问题。你也应该读一读。可能不是萨米人看到的,但我认为它只是把图表打印成图片,不是吗?我想将图表保存为图片,并将其放在pdfI上。我看到了这个,但我认为它只是将图表打印为图片,不是吗?我想将图表另存为图片,并将其放在pdf中