google.charts.load('current', {
callback: function() {
var data = new google.visualization.DataTable();
data.addColumn('date', 'Date');
data.addColumn('number', '2005');
data.addColumn('number', '2006');
data.addRows([
[new Date('01/01/2016'), 200, 210],
[new Date('01/02/2016'), 190, 220],
[new Date('01/03/2016'), 205, 200],
[new Date('01/04/2016'), 220, 230],
[new Date('01/05/2016'), 212, 210],
[new Date('01/06/2016'), 185, 193],
[new Date('01/07/2016'), 196, 207]
]);
var options = {
height: 400
};
var chart = new google.visualization.LineChart(document.getElementById('chart_div'));
google.visualization.events.addListener(chart, 'ready', function() {
document.getElementById('image_div').innerHTML = '<img alt="Chart" src="' + chart.getImageURI() + '">';
});
chart.draw(data, options);
},
packages: ['corechart']
});
<script src="https://www.gstatic.com/charts/loader.js"></script>
<div>Chart</div>
<div id="chart_div"></div>
<div>Image</div>
<div id="image_div"></div>
das Diagramm wird erstellt Sie können 'chart.getImageURI()' verwenden, um ein PNG zu erhalten - siehe [Verweis] (https://developers.google.com/chart/interactive/docs/printing) - gibt im Grunde eine Basis zurück 64 Zeichenkette, die Sie als .png oder in 'src' Tag usw. speichern können. – WhiteHat
So y Sie empfehlen mir, zuerst das Bild mit den HTML- und Javascript-Tools zu erstellen. Dann hol dir die Bild-URL und nutze das richtig? Ist das getImageURI() statisch? oder es kann sich später ändern? – VAAA
Hilft Ihnen [dieser Link] (https://developers.google.com/chart/interactive/docs/quick_start)? – gravity