как скрыть столбец из google.visualization.table с jquery

Question

Google не делает никаких стилей, которые вы можете скрыть и т. Д., Возможно, можно использовать jquery?

var table =
            new google.visualization.Table(document.getElementById('table_div'));

    table.setColumns([2]); <-- this does not work
        table.draw(response.getDataTable(), {showRowNumber: false});

Answer 1

Я знаю, что это довольно поздний ответ, но надеюсь, что кто-то еще посчитает его полезным.

Вы можете использовать DataView вместо DataTable для привязки ваших диаграмм.

Синтаксис, который я использую какниже:

table.draw(response.getDataTable(), {
    showRowNumber: false,
    'view': { 'columns': [0, 1, 4,5] }
});

Это добавит только те столбцы к представлению данных, о котором вы упомянули.

В обработчике событий у вас все еще может быть .getDataTable () для извлечения всей записи.

С уважением, Авни

Answer 2

У меня та же проблема с поиском способа скрыть только один (два в моем случае) столбец.

Что я делаю: я визуализирую данные на карте Google и использую те же данные для создания визуализации таблицы. И таблица, и карта связаны между собой слушателями. Пример: https://developers.google.com/chart/interactive/docs/gallery/map#Example

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

Я все еще живу с таблицей, которая показывает широту и длину.

Answer 3

в документах API Google нет метода setColumns объекта с данными. хотя вы можете использовать

table.removeColumn([2]); 

http://code.google.com/apis/visualization/documentation/reference.html#DataTable_removeColumns