将我的Google控制台应用程序从UI服务转换为HTML服务

时间:2015-03-24 06:12:37

标签: google-apps-script

我是应用程序脚本的初学者,所以我们可能没有一个良好的开端但是我去了...

我正在使用Google团队的酷(但可回收)代码创建一个简单的信息中心。

在研究改进仪表板显示方式的方法时,我发现UI服务正在被弃用(我首先要研究弃用的含义)。

所以现在我意识到我需要为我的仪表板使用HTML服务。问题是我如何转换下面的代码,以便它可以在HTML服务上运行?

代码通常是指变量' app'它指的是UI服务。我不确定是否只需要更新该部分,或者我是否需要创建HTML文件并重新开始。我希望有人可以帮助我。

function doGet() {

  var ss = SpreadsheetApp.openById('1EVpJrmuo7Er_a3Xsoy09VBBfQjEt5Ihdmm3JAWsPTIA');

  var data = ss.getDataRange();

  var ageFilter = Charts.newNumberRangeFilter().setFilterColumnIndex(4).build();
  var transportFilter = Charts.newCategoryFilter().setFilterColumnIndex(2).build();
  var statusFilter = Charts.newCategoryFilter().setFilterColumnIndex(7).build();
  var monthFilter = Charts.newCategoryFilter().setFilterColumnIndex(0).build();
  var nameFilter = Charts.newStringFilter().setFilterColumnIndex(1).build();


 // Create a table and pie chart

 var tableChart = Charts.newTableChart()
  .setDataViewDefinition(Charts.newDataViewDefinition().setColumns([1,2,3,4]))
  .setDimensions(1000,500).build();

var pieChart = Charts.newPieChart()
  .setDataViewDefinition(Charts.newDataViewDefinition().setColumns([1,4]))
  .build();

// Create a dashboard to bind the filters to the charts.
var dashboard = Charts.newDashboardPanel().setDataTable(data)
  .bind([ageFilter, transportFilter, statusFilter, monthFilter, nameFilter], [tableChart, pieChart])
  .build();

  // Create a UiApp to display the dashboard in.

 var app = UiApp.createApplication();


  var filterPanel = app.createVerticalPanel()
 .add(app.createLabel("Fix Tickets"))
  .add(app.createHorizontalPanel()
     .add(app.createVerticalPanel()
      .setSpacing(10)));

  var chartPanel = app.createHorizontalPanel();
      filterPanel.add(ageFilter).add(transportFilter).add(statusFilter).add(monthFilter).add(nameFilter).setSpacing(10);

chartPanel.add(tableChart).add(pieChart).setSpacing(10);

  dashboard.add(app.createVerticalPanel().add(filterPanel).add(chartPanel));
  app.add(dashboard);


  return app;
}

1 个答案:

答案 0 :(得分:1)

我和你有同样的问题。最近碰到了这个。也许它会有所帮助。 Converting UiApp to HTML