2013-11-15 60 views
0

我已經創建了谷歌的圖表表即使用google.visualization.Table,出於同樣的列標題是HR,BR等..谷歌可視化表:顯示全列標籤


{cols:[{id:'A',label:'',type:'string'}, {id:'B',label:'IMP',type:'number'}]}

since我在我的實際代碼中有很多列,我已經縮寫了它們,但是當我將鼠標懸停在列上時,我需要顯示完整的列名。任何想法如何解決?

回答

0

可視化API表格可視化不允許您將任何元數據與列標題相關聯,因此您必須查找標題單元格並使用其內容查找全名。你可以使用這樣的東西來開始:

google.visualization.events.addListener(myTable, 'ready', function() { 
    var headerCells = document.querySelectorAll('#my_table_div .google-visualization-table-th'); 
    // loop over headerCells and use contents of cells to find the full name 
    // note that the headerCells will contain a <span> element for the sort arrows, if sorting is enabled 
}); 

在創建Table對象之後但在繪製之前插入事件偵聽器。

1

您可以在標籤字段中使用HTML - 例如:

<span title='Full label'>b</span> 

「全部標籤」會出現在屏幕上鼠標懸停提示。