檢索谷歌圖表中的註釋文本

我在我的網站上有一個谷歌圖表，我想在他/她/它點擊一個值時將用戶重定向到其他頁面。檢索谷歌圖表中的註釋文本

要做到這一點我使用select事件是這樣的：

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

的問題是，我對如何獲得註釋文本，這就是我需要的不知道。一個簡單的例子在這裏很有用。例如，in this chart，如果我點擊藍線的最高點，我想檢索文本：「G」。只是這個文本，我不需要「貓：8」。

這可能嗎？我怎麼能這樣做？

來源

2013-11-28 David Moreno García

通過使用data.getValue()

google.visualization.events.addListener(chart, 'select', function(args) { 
    if (chart.getSelection().length>0) { 
    var selection = chart.getSelection()[0]; 
    var annotationText=data.getValue(selection.row, 0); 
    //redirect with annotationText = 'D' here 
    //.. 
    } 
});

參見基於所述谷歌操場例如高於該小提琴 - >http://jsfiddle.net/F7WVG/

來源

2013-11-28 14:14:56 davidkonrad

應測試的選擇的長度，作爲選擇事件觸發當用戶取消選擇也是一個點，所以'chart.getSelection（）'返回的數組長度可以是0，這將使'chart.getSelection（）[0]'拋出一個錯誤。 – asgallant

@asgallant，你是對的。謝謝你指出。已經更新了答案和jsfiddle。 – davidkonrad

@asgallant，可以通過任何方式獲取條形圖的annotationText（鼠標懸停）。使用此方法將註釋添加到我的條形圖[chartData.addColumn（{type：'string'，role：'annotationText'}）;] – Hariprasath

檢索谷歌圖表中的註釋文本

回答

相關問題