我已經創建了谷歌的圖表表即使用google.visualization.Table,出於同樣的列標題是HR,BR等..谷歌可視化表:顯示全列標籤
如
{cols:[{id:'A',label:'',type:'string'}, {id:'B',label:'IMP',type:'number'}]}
since我在我的實際代碼中有很多列,我已經縮寫了它們,但是當我將鼠標懸停在列上時,我需要顯示完整的列名。任何想法如何解決?
我已經創建了谷歌的圖表表即使用google.visualization.Table,出於同樣的列標題是HR,BR等..谷歌可視化表:顯示全列標籤
如
{cols:[{id:'A',label:'',type:'string'}, {id:'B',label:'IMP',type:'number'}]}
since我在我的實際代碼中有很多列,我已經縮寫了它們,但是當我將鼠標懸停在列上時,我需要顯示完整的列名。任何想法如何解決?
可視化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對象之後但在繪製之前插入事件偵聽器。
您可以在標籤字段中使用HTML - 例如:
<span title='Full label'>b</span>
「全部標籤」會出現在屏幕上鼠標懸停提示。