Question

我正在使用Google Visualization API编写JavaScript网络工具。我希望获得的功能之一是可以选择单击列，并选择是 - 否选项。选择是时，将隐藏该特定列。我添加了这个监听器，这个函数隐藏了列：

    /* 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的属性，可以引用列索引。有人知道我怎么能做到这一点，如果我错过了什么？谢谢！

Answer 1

~~也许你需要Dataview？您可以使用hideColums()方法隐藏指定的列。~~

~~基础DataTable的只读视图。 DataView允许   仅选择列和/或行的子集。它也允许   重新排序列/行，并复制列/行。~~

~~视图是底层DataTable的实时窗口...~~

修改我想，getSelection()会更适合你的问题。

使用javascript隐藏Google可视化列

1 个答案: