Javascript 使用电子表格中的数据自定义Google LineChart中的工具提示

我试图在谷歌图表中实现工具提示定制

我有一个网页，想成为一个民意调查跟踪。它从谷歌电子表格中获取数据，并根据这些数据创建折线图和表格。（有两个过滤器同时与图表和表格交互）

页面：
数据：

数据来自每日选举调查。但是他们提供了一个结果等级 （即第一方：50至52席；第二方：bw 40-42）
为了绘制图表，我复制了两列，并输入了中间值（即51和41）

但是我想显示括号（C-D列）作为工具提示，而不是用来绘制图表的数字（E-F列）
我已经看到，您可以为列定义一个角色，以充当工具提示内容

我被封锁了。是否可以将此工具提示自定义转换为从电子表格调用数据的图表
作为图表声明中的选项

  var lineas = new google.visualization.ChartWrapper({
      'chartType': 'LineChart', 
      'containerId': 'fiebre',
      'options': {
        'width': 980,
        'height': 400,
      },
      'view': {'columns': [0, 4, 5]} //the ones used to draw the chart
    });

很抱歉，我不能向您展示任何测试，因为我没有获得任何成功的代码

---

谢谢大家!

将

工具提示

-列添加到

视图

：

'view': {'columns': [
                     0,
                     4,
                     {role:'tooltip',sourceColumn:2},
                     5,
                     {role:'tooltip',sourceColumn:3}
                    ]}

结果：

---

另外： 当第2列和第3列的格式是固定的（n-n）时，不需要将第4+5列与平均值相加。您可以使用函数计算该值：

function avg(col){
  return function(data, row){
    var val=data.getValue(row,col).split('-');
      return ((Number(val[0])+Number(val[1]))/2);
  } 
}

var lineas = new google.visualization.ChartWrapper({
      'chartType': 'LineChart', 
      'containerId': 'fiebre',
      'options': {
        'width': 980,
        'height': 400
      },
      'view': {'columns': [
                            0,
                            {type:'number',calc:avg(2)},
                            {role:'tooltip',sourceColumn:2},
                            {type:'number',calc:avg(3)},
                            {role:'tooltip',sourceColumn:3}
                          ]
              }
});

---

结果：

您的小提琴无法无限工作/加载。对不起，我做了一些更改，但没有应用，但最终您做对了+我相信这个问题和答案将来会对其他人有所帮助。@molle博士，非常感谢。这比我想象的要简单。另外还要感谢平均值函数。我对这个编码世界还不熟悉，很难即兴创作。回答得好。很好的解释。