Google визуализация Таблица: Отображение полной Метка столбца

Question

Я создал таблицу с Google диаграммой, т.е. используя google.visualization.Table и заголовки столбцов для того же являются HR, BR и так далее ..

например
{cols: [{id: 'A', label: '', type: 'string'}, {id: 'B', label: 'IMP', type: 'number'}]}

с У меня много столбцов в моем фактическом коде, я сократил их, но мне нужно показать полное имя столбца, когда я наводил на него. Все идеи, как это сделать?

Answer 1

Визуализация таблицы визуализации визуализации не позволяет связывать любые метаданные с заголовками столбцов, поэтому вам нужно будет найти ячейки заголовка и использовать их содержимое для поиска полных имен. Вы могли бы использовать что-то вроде этого, чтобы вы начали:

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 
}); 

Вставьте слушатель событий после создания объекта таблицы, но прежде чем сделать это.

Answer 2

Вы можете использовать HTML в поле метки - например:

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

«Полный ярлык» появится в виде всплывающей подсказки на наведении мыши.