如何使用/ jquery隐藏google.visualization.table中的列

时间:2010-11-17 13:45:15

标签: javascript jquery google-maps-api-3

谷歌没有制作任何你可以隐藏的样式等等。也许可以使用jquery?

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

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

3 个答案:

答案 0 :(得分:3)

我知道这是很迟的回复,但希望其他人觉得有帮助。

您可以使用DataView而不是DataTable绑定图表。

我使用的语法如下:

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

这只会将这些列添加到您提到的数据视图中。

在eventlistener中,您仍然可以使用.getDataTable()来获取整个记录。

此致 主治医生

答案 1 :(得分:0)

google api文档在datatable对象上没有显示setColumns的方法。虽然你可以使用

table.removeColumn([2]); 

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

答案 2 :(得分:0)

我遇到同样的问题,找到一种方法来隐藏一个(在我的情况下为两个)列。

我在做什么:我正在可视化谷歌地图中的数据,并使用相同的数据来创建表格可视化。表和地图都由听众链接在一起。示例:https://developers.google.com/chart/interactive/docs/gallery/map#Example

问题:虽然我用来可视化地图和表格的数据是相同的,但我不希望表格显示纬度和经度。

我仍然生活在显示纬度和长度的桌子上。