用javascript隐藏谷歌可视化列
hiding a google visualization column with javascript
我正在使用Google Visualization API编写一个JavaScript web工具。我想要的功能之一是在列中单击,并具有yes-no选项。如果选择了yes,则该特定列将被隐藏。我添加了这个监听器和这个函数来隐藏列:
/* Define a table */
var table = new google.visualization.ChartWrapper({
'chartType': 'Table',
'containerId': 'chart2',
'options': {
'sortColumn': '-1',
'allowHtml' : 'true',
},
'style' : {
'white-space' : 'nowrap'
}
});
google.visualization.events.addListener(table, 'select',
function (){
var tablewrapper = table.getChart();
//var columnId = tablewrapper.getColumnDescriptions();
//console.log(tablewrapper);
/*var columnIndex = tablewrapper.getViewColumnIndex(); */
var selection = tablewrapper.getSelection();
for(var i = 0; i < selection.length; i++){
var item = selection[i];
console.log('{row:' + item.row + ',column:' + item.column + '}');
}
}
);
function hideColumn(columnIndex){
$('#chart2 td:nth-child(' + (columnIndex+1) + ')').hide();
return;
}
但是,ev
不具有称为column
的属性,该属性可以引用列索引。有人知道我该怎么做吗?如果我错过了什么?谢谢
也许您需要Dataview?您可以使用hideColums()方法来隐藏指定的列。
基础DataTable的只读视图。DataView允许仅选择列和/或行的子集。它还允许重新排序列/行以及复制列/行。
视图是底层DataTable上的活动窗口。。。
编辑getSelection()可能更适合你的问题。
相关文章:
- 如何在谷歌可视化中组合数字和模式格式化程序
- 如何使用图表包装函数有条件地格式化谷歌可视化表单元格
- 从特定系列的谷歌可视化折线图中删除悬停工具提示
- 谷歌图表可视化仪表板数据源问题
- 谷歌可视化数据表间歇性问题
- 如何修复谷歌可视化-材料线中的重叠问题
- 谷歌地图,基于国家代码可视化国家
- 以编程方式透视谷歌可视化数据表
- 在谷歌可视化饼图中突出显示一个切片
- 谷歌地图/融合表Javascript HTML赢得't显示/可视化所有多边形数据(通过色标)
- 谷歌可视化数据分组字符串列
- 谷歌可视化树图-如何创建自定义文本
- 如何在谷歌可视化api柱状图中使用的json对象内用数字替换字符串值
- 在过去24小时内,谷歌应用程序脚本或可视化API的任何变化
- 如何在谷歌分析中跟踪谷歌可视化图表事件
- 删除谷歌可视化饼图中的图例
- IE8谷歌可视化权限被拒绝
- 更改谷歌图表(谷歌可视化)图形的背景颜色
- 用javascript隐藏谷歌可视化列
- 加载旧版本的谷歌可视化库