javascript - 谷歌图表 :fix the Uncaught (in promise) Error:

Question

我使用谷歌图表绘制了这样的折线图。

在图表中，我创建了一个自定义工具提示，如 jfiddle 中所示。在上图中，使用工具提示显示图表没有问题。

我正在从数据库中获取图表数据。基于某些图表数据，由于某些 js 错误，我无法呈现图表。

在下面的示例中，我更改了图表数据，由于 jfidle 代码第 57 行中的 js 错误，图表未显示

每当图表数据发生变化时，我都会在下面的方法中面临更多脚本问题。

  function toolTipVal(dt, row, index1, index2) {           
                 label1 = dt.getColumnLabel(index1).split("\n");
                 label2 = dt.getColumnLabel(index2).split("\n");
                 yValue1 =0; yValue2 =0;           
                  if (dt.getValue(row, index1) === null ) {
                    yValue1 = dt.getFormattedValue(row -1, index1);               
                  } 
                  else {
                    yValue1 = dt.getFormattedValue(row, index1);                  
                  }            
                  if (dt.getValue(row, index2) === null) {
                    if (row > 0) {
                      yValue2 = dt.getFormattedValue(row - 1, index2);
                    }
                  } else {
                    yValue2 = dt.getFormattedValue(row, index2);
                  }              
                  return [yValue1, yValue2, label1, label2];
          }; 

如果我在 jfiddle 中使用第二个数据集，我会收到以下 js 错误

 jsapi_compiled_default_module.js:74 Uncaught (in promise) Error: Invalid row index -1. Should be in the range [0-799] in above methodline

yValue1 = dt.getFormattedValue(row -1, index1); 因为此图未在 UI 中呈现。

如何根据这些图表数据修改上述方法

Answer 1

row 是一个零索引值。你在打电话

yValue1 = dt.getFormattedValue(row -1, index1);

如果 行 不是第一个，则不进行测试。

我不完全理解其中的逻辑，但我想您必须为第一个节点的工具提示添加一些逻辑。

你每次都会进入那个异常

dt.getValue(row, index1) === null

对于 row == 0 恰好为真。