Question

我已经搜索了一个星期的答案。看起来像一个必不可少的简单功能，但我找不到办法做到这一点。我有一个使用两列数据的简单xy图表。时间与温度。我希望能够将鼠标悬停在图表中的某个点上，以自动显示其时间和温度值，几乎就像工具提示一样。谁能指出我正确的方向？

Answer 1

以下是图表及其屏幕截图的示例，您可以在其中看到x，y点。

Screenshot

<强>代码

function doGet() {

  var sh = SpreadsheetApp.openByUrl('Url to your spreadsheet');


  var range = sh.getRange("A1:B10");
  var data=range.getValues();

  var dataTable = Charts.newDataTable()
               .addColumn(Charts.ColumnType.NUMBER, "Number")
               .addColumn(Charts.ColumnType.NUMBER, "Number");
  for(var j=1; j<data.length; j++){
    dataTable.addRow([data[j][0],data[j][1]]);

  }
  dataTable.build();
   var chartBuilder = Charts.newLineChart()
       .setTitle('Data')
       .setXAxisTitle('Time (ms)')
       .setYAxisTitle('Temperatures (F)')
       .setDimensions(600, 500)
       .setCurveStyle(Charts.CurveStyle.SMOOTH)
       .setPointStyle(Charts.PointStyle.MEDIUM)
       .setDataTable(dataTable);

   var chart = chartBuilder.build();

  Uiapp = UiApp.createApplication()
  var mypanel=Uiapp.createVerticalPanel().add(chart);;
  return Uiapp.add(mypanel);
 }

鼠标悬停在Google图表上显示xy值

1 个答案: