Question

I’m a math teacher, not a programmer so you’ll have to forgive my ignorance here…

I’ve been looking all over for a way to set the chart options in a web app written in Google Apps Script from the doGet() function without any action from the user of the app. I’ve found documentation in the visualization language but nothing for charts. Here is what I’m thinking should work (but doesn’t).

var Correct = Charts.newPieChart().setOption("refreshInterval", 1)
    .setDataTable(dataTable3)
    .setTitle("% Correct").setDimensions(400, 300).set3D()
    .build();

I have the app return the graph just fine but when I update the data on the referenced spreadsheet it will only update the chart if I refresh the page the chart is in manually.

Answer 1

You can rebuild the entire chart on a timer…

function doGet() {
  // Build chart
  // Add timer
  app.addTimer(app.createServerHandler("refresh") , 3000);  // 3 secs
}

function refresh(e) {
  // Clear panel that contains chart
  panel.clear();
  // Re-build chart
  // Add timer again 
  app.addTimer(app.createServerHandler("refresh") , 3000);
}

It’s not the exact same as how charts inside of sheets refresh that I was looking for as well, but there’s no manual page refresh with this.