c# - 从 Google API Chart 获取图像

Question

我有一个在服务器上运行的 C# 代码，我需要使用 Google API Chart 生成一些图表，然后将它们保存到服务器上的图像中。

我记得 Google API Chart 有一个向导，您可以在其中创建图表，但现在它是 100% JavaScript，所以不知道是否有办法做到这一点。

这可能吗？

Answer 1

一旦 'ready' 在 chart 上触发，
您可以使用 getImageURI 获取 base 64 字符串，
可以保存为.PNG,
或者包含在 img 标签中，
如以下示例中...

使用frozen version ，您可以将 'current' 替换为最新的保存 -- '45'

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>