如何從帶有jQuery的google.visualization.table中隱藏列

Question

谷歌沒有使您可以隱藏等任何樣式。也許可以使用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（）來獲取整個記錄。

關於Avni

Answer 2

我有一個同樣的問題，即尋找一種方法來單獨隱藏一個（在我的情況下為兩個）列。

我正在做什么：我正在可視化google map中的數據，並且還使用相同的數據來創建表格可視化。 偵聽器將表和映射鏈接在一起。 范例： https ： //developers.google.com/chart/interactive/docs/gallery/map#Example

問題：雖然我用來可視化地圖和表格的數據是相同的，但我不希望表格顯示緯度和經度。

我仍然住在顯示緯度和經度的桌子上。

Answer 3

Google api文檔在datatable對象上沒有顯示setColumns的方法。 雖然可以使用

table.removeColumn([2]); 

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