Javascript 在Google图表中检索注释文本

我的网站上有一个谷歌图表，我想在用户点击某个值后将其重定向到其他页面

为此，我使用如下选择事件：

google.visualization.events.addListener(chart, 'select', function() {
    // Selected item
    var item = chart.getSelection()[0];
});

问题是我不知道如何获得我所需要的注释文本。这里有一个简单的例子很有用。例如，如果我单击蓝线的最高点，我希望检索文本：“G”。就这篇课文，我不需要“猫：8”

---

这可能吗？我怎么做呢？

使用

data.getValue（）

google.visualization.events.addListener（图表，'select'，函数（args）{
如果（chart.getSelection（）.length>0）{
var selection=chart.getSelection（）[0]；
var annotationText=data.getValue（selection.row，0）；
//在此处使用annotationText='D'重定向
//..
}
});

---

使用

data.getValue（）

google.visualization.events.addListener（图表，'select'，函数（args）{
如果（chart.getSelection（）.length>0）{
var selection=chart.getSelection（）[0]；
var annotationText=data.getValue（selection.row，0）；
//在此处使用annotationText='D'重定向
//..
}
});

---

使用

data.getValue（）

google.visualization.events.addListener（图表，'select'，函数（args）{
如果（chart.getSelection（）.length>0）{
var selection=chart.getSelection（）[0]；
var annotationText=data.getValue（selection.row，0）；
//在此处使用annotationText='D'重定向
//..
}
});

---

使用

data.getValue（）

google.visualization.events.addListener（图表，'select'，函数（args）{
如果（chart.getSelection（）.length>0）{
var selection=chart.getSelection（）[0]；
var annotationText=data.getValue（selection.row，0）；
//在此处使用annotationText='D'重定向
//..
}
});

---

根据上面的谷歌游乐场示例查看此小提琴->

您应该测试选择的长度，因为当用户取消选择一个点时，选择事件也会触发，因此

chart.getSelection（）

返回的数组长度可以为0，这将使

chart.getSelection（）[0]

抛出一个错误。@asgallant，你完全正确。谢谢你指出这一点。已经更新了答案和JSFIDLE。@asgallant，是获取条形图注释文本（鼠标悬停）的任何方法。我使用此方法将注释添加到我的条形图[chartData.addColumn（{type:'string'，role:'annotationText'}）；]使用

onmouseover

事件处理程序。当用户将鼠标移到数据点（或批注）上时，事件触发并将对象传递给处理程序，处理程序具有

行

和

列

属性，您可以使用这些属性获取所需的数据。您应该测试选择的长度，因为当用户取消选择点时，选择事件也会触发，因此

chart.getSelection（）

返回的数组长度可以是0，这将使

chart.getSelection（）[0]

抛出一个错误。@asgallant，你完全正确。谢谢你指出这一点。已经更新了答案和JSFIDLE。@asgallant，是获取条形图注释文本（鼠标悬停）的任何方法。我使用此方法将注释添加到我的条形图[chartData.addColumn（{type:'string'，role:'annotationText'}）；]使用

onmouseover

事件处理程序。当用户将鼠标移到数据点（或批注）上时，事件触发并将对象传递给处理程序，处理程序具有

行

和

列

属性，您可以使用这些属性获取所需的数据。您应该测试选择的长度，因为当用户取消选择点时，选择事件也会触发，因此

chart.getSelection（）

返回的数组长度可以是0，这将使

chart.getSelection（）[0]

抛出一个错误。@asgallant，你完全正确。谢谢你指出这一点。已经更新了答案和JSFIDLE。@asgallant，是获取条形图注释文本（鼠标悬停）的任何方法。我使用此方法将注释添加到我的条形图[chartData.addColumn（{type:'string'，role:'annotationText'}）；]使用

onmouseover

事件处理程序。当用户将鼠标移到数据点（或批注）上时，事件触发并将对象传递给处理程序，处理程序具有

行

和

列

属性，您可以使用这些属性获取所需的数据。您应该测试选择的长度，因为当用户取消选择点时，选择事件也会触发，因此

chart.getSelection（）

返回的数组长度可以是0，这将使

chart.getSelection（）[0]

抛出一个错误。@asgallant，你完全正确。谢谢你指出这一点。已经更新了答案和JSFIDLE。@asgallant，是获取条形图注释文本（鼠标悬停）的任何方法。我使用此方法将注释添加到我的条形图[chartData.addColumn（{type:'string'，role:'annotationText'}）；]使用

onmouseover

事件处理程序。当用户将鼠标移到数据点（或批注）上时，事件触发并将对象传递给处理程序，该处理程序具有可用于获取所需数据的

行

和

列

属性。