Fatal编程技术网

Google maps api 3 如何在google可视化表中隐藏列？

google-maps-api-3 google-api google-visualization

Google maps api 3 如何在google可视化表中隐藏列？,google-maps-api-3,google-api,google-visualization,Google Maps Api 3,Google Api,Google Visualization,我是谷歌api的新手，我对谷歌可视化表有疑问 我的问题是，是否有任何可能的方法隐藏可视化数据表中的特定列 这是我的密码： <html> <head> <script type="text/javascript" src="http://www.google.com/jsapi"></script> <script type="text/javascript"> google.load('visualization', '1', {pac

我是谷歌api的新手，我对谷歌可视化表有疑问

我的问题是，是否有任何可能的方法隐藏可视化数据表中的特定列

这是我的密码：

<html>
<head>
<script type="text/javascript" src="http://www.google.com/jsapi"></script>
<script type="text/javascript">
google.load('visualization', '1', {packages: ['table']});
</script>
<script type="text/javascript">
var cssClass = {rowNumberCell: 'rowNumberCellClass'};

function drawVisualization() {
  var data = new google.visualization.DataTable();
  data.addColumn('string', 'Name');
  data.addColumn('string', 'Place');
  data.addRows(4);
  data.setCell(0, 0, 'John');
  data.setCell(1, 0, 'Sam');
  data.setCell(2, 0, 'Andreson');
  data.setCell(3, 0, 'Cody');

  data.setCell(0, 1, 'Stockholm');
  data.setCell(1, 1, 'Dubai');   
  data.setCell(2, 1, 'India');
  data.setCell(3, 1, 'Australia');

  visualization = new google.visualization.Table(document.getElementById('tableContainer'));

  visualization.draw(data, {
      allowHtml: true, 
      showRowNumber: true, 
      cssClassNames: cssClass  
  }

  );

  }  
   google.setOnLoadCallback(drawVisualization);
 </script>
 </head>
 <body>
 <div id="tableContainer"></div>
 </body>
 </html>
它不起作用

任何帮助都将不胜感激！提前谢谢

使用-instance作为数据，并通过
setColumns
设置列：

var cssClass={rowNumberCell:'rowNumberCellClass'}；
函数drawVisualization（）{
var data=new google.visualization.DataTable（）；
data.addColumn（'string'，'Name'）；
data.addColumn（'string'，'Place'）；
数据。添加行（4）；
setCell（0,0，'John'）；
setCell（1,0，'Sam'）；
setCell（2,0，'anderson'）；
数据集单元（3,0，'Cody'）；
setCell（0,1，'Stockholm'）；
数据集单元（1，1，'迪拜'）；
数据：setCell（2，1，'印度'）；
数据：setCell（3，1，'澳大利亚'）；
var view=newgoogle.visualization.DataView（数据）；
view.setColumns（[0]）；//仅使用第一列
var visualization=new google.visualization.Table（document.getElementById（'tableContainer'）；
可视化。绘制（视图{
allowHtml:是的，
showRowNumber:true，
cssClassNames:cssClass
}
);
}  
setOnLoadCallback（drawVisualization）


load（'visualization'，'1'，{packages:['table']}）；

我有一个包含10K行和9列的表，我想在复选框选择上显示/隐藏列，我知道我可以根据复选框选择在javascript中重新绘制单击事件视图，但每次重新绘制都需要一些时间，是否可以像highcharts提供此功能那样动态显示/隐藏一列？

visualization.draw(data, {
      allowHtml: true, 
      showRowNumber: true, 
      cssClassNames: cssClass,
      view: {columns: [0]}
  });