javascript – Google图表表删除选择

前端之家收集整理的这篇文章主要介绍了javascript – Google图表表删除选择前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我目前正在使用Google图表表格.我的选择有问题.我想关闭选择,但似乎不可能.我甚至尝试(一种真正丑陋的方式)像选择部分上的事件监听器,它使用方法 clearChart()删除它.

这是测试的源代码.请注意,我不能在jsfiddle中使用它

<script type="text/javascript" src="https://www.google.com/jsapi" ></script>
<script type="text/javascript">
google.load("jquery","1");

google.load('visualization','1',{packages:['table']});

     function drawVisualization()
     {
          var data = google.visualization.arrayToDataTable([
          ['','Name','E-mail','Activated','Last login'],['<input type="checkBox">','name1','name1@company.xxx',true,'20-07-2012'],'name2','name2@company.xxx','21-07-2012']

               ]);

               var options = {};
               options['showRowNumber'] = false;
               options['page'] = 'enable';
               options['allowHtml'] = true;
               options['pageSize'] = 18;
               options['pagingButtonsConfiguration'] = 'auto';

               var visualization = new google.visualization.Table(document.getElementById('table'));
               visualization.draw(data,options);
          }

          google.setOnLoadCallback(drawVisualization);

</script>
<div id="table"></div>

问题是,如果我使用这些复选框,(蓝色)选择是令人讨厌和混乱的.

谢谢.

解决方法

另一个选项是在触发“select”事件时重置选择:
google.visualization.events.addListener(visualization,'select',selectHandler);

function selectHandler() {  
    visualization.setSelection([])
}

这是一个例子:http://jsfiddle.net/Rxnty/

这会立即删除选择而无需重绘.

原文链接:/js/156375.html

猜你在找的JavaScript相关文章