3

在过去的几天里，我一直在研究谷歌可视化，并且已经成功地让它在单个网页上工作，或者使用内置的插入 -> 图表创建器与电子表格一起工作。但是当我自己编辑 javascript 时，我希望这些数据在它来自的谷歌电子表格上仍然可见。我查看了应用程序脚本，我只能通过将其发布为应用程序来使其工作，然后将我发送到一个完全不同的网页。

有什么方法可以嵌入我的自定义javascript，例如

function drawVisualization() {
    // Create and populate the data table.
    var data = google.visualization.arrayToDataTable([
      ['Region', 'count'],
      ['West', 8000],
      ['South', 7272],
      ['Northeast', 5333],
      ['Midwest', 4444],
      ['Southwest', 5714]
    ]);

    // Create and draw the visualization.
    new google.visualization.PieChart(document.getElementById('visualization')).
        draw(data, {title:"Sales Per Region"});
  }

进入谷歌文档或电子表格，还是不支持？

4

1 回答 1

1

您可以使用图表服务并通过 UiApp 显示

饼图的示例 GS 代码 

function getChart(dataTable){
  var chartBuilder = Charts.newPieChart()
       .setTitle('Sales Per Region')
       .setDimensions(600, 500)
       .set3D()
       .setDataTable(dataTable);

  return chartBuilder.build(); 
}

function showChart(){
  var dataTable = Charts.newDataTable()
       .addColumn(Charts.ColumnType.STRING, "Region")
       .addColumn(Charts.ColumnType.NUMBER, "Count")
       .addRow(['West', 8000])
       .addRow(['South', 7272])
       .addRow(['Northeast', 5333])
       .addRow(['Midwest', 4444])
       .addRow(['Southwest', 5714])
       .build();

  var chart = getChart(dataTable)

  //insert into the spreadsheet
  SpreadsheetApp.getActiveSheet().insertChart(chart)
}

在文档中显示您需要将最后一行替换为

  DocumentApp.getUi().showSidebar(UiApp.createApplication().add(chart))

但无论如何，这些图表将在对话框（或侧边栏）中，而不是在文档的内容中。在文档中，您可以通过将它们转换为图像来插入它们，所以

    var chart = getChart(dataTable)
    var imageChart = chart.getAs('image/jpeg');

并添加到内容中

  DocumentApp.getActiveDocument().getBody().appendImage(imageChart);
于 2013-07-02T22:25:41.567 回答