Javascript 分页表时Google图表API出现问题
与以下代码一起使用:Javascript 分页表时Google图表API出现问题,javascript,google-visualization,Javascript,Google Visualization,与以下代码一起使用: <div id='table_div'></div> <script type='text/javascript' src='https://www.google.com/jsapi'></script> <script type='text/javascript'> google.load('visualization', '1', {packages:['table']}); google.setOnLoadC
<div id='table_div'></div>
<script type='text/javascript' src='https://www.google.com/jsapi'></script>
<script type='text/javascript'>
google.load('visualization', '1', {packages:['table']});
google.setOnLoadCallback(drawTable);
function drawTable() {
var data = new google.visualization.DataTable();
data.addColumn('string', 'Country');
data.addColumn('number', 'A');
data.addColumn('number', 'B');
data.addColumn('number', 'Total');
data.addRows([
['United States', 19, 115, 134],
['United Kingdom', 3, 23, 26],
['Germany', 2, 19, 21],
['Ireland', 0, 3, 3],
['Belgium', 2, 3, 5],
['Russian Federation', 0, 2, 2],
...
]);
var table = new google.visualization.Table(document.getElementById('table_div'));
table.draw(data, {showRowNumber: true, page: 'enable', pageSize: '10', sortColumn: 3, sortAscending: false});
}
</script>
load('visualization','1',{packages:['table']});
setOnLoadCallback(drawTable);
函数drawTable(){
var data=new google.visualization.DataTable();
data.addColumn('string','Country');
data.addColumn('number','A');
data.addColumn('number','B');
data.addColumn('number','Total');
data.addRows([
[‘美国’,19、115、134],
[‘联合王国’、3、23、26],
[‘德国’、2、19、21],
[Ireland',0,3,3],
[‘比利时’、2、3、5],
[“俄罗斯联邦”,0,2,2],
...
]);
var table=新的google.visualization.table(document.getElementById('table_div');
draw(数据,{showRowNumber:true,page:'enable',pageSize:'10',sortColumn:3,sortScending:false});
}
它在分页时会导致一个奇怪的问题。有38个县,每页显示:
- #1-10个国家(从1到10个)
- #2-28个国家(11至38个)
- #3-18个国家。不知何故,尽管第二页已经列出了其他国家,但第三页还是列出了21到38个国家
- #4-8个国家(31至38个),已列入名单
我也对代码进行了测试,同样的问题也发生了。这是我不知道的已知错误吗?我也有同样的问题,我找到了解决方法,我再次执行该选项,它解决了错误:
var options = {
alternatingRowStyle:[true],
pageSize:[20],
page:['enable']
};
options['pageSize'] = 20; <- This line fix the problem.
var选项={
alternatingRowStyle:[true],
页面大小:[20],
页面:[“启用”]
};
选项['pageSize']=20 我也遇到了同样的问题,我发现了如何解决这个问题,我再次强制执行该选项,它解决了错误:
var options = {
alternatingRowStyle:[true],
pageSize:[20],
page:['enable']
};
options['pageSize'] = 20; <- This line fix the problem.
var选项={
alternatingRowStyle:[true],
页面大小:[20],
页面:[“启用”]
};
选项['pageSize']=20;
您的页面大小已设置为字符串。注意10号左右的引号。它必须是这样一个数字
pageSize: 10,
您的页面大小已设置为字符串。注意10号左右的引号。它必须是这样一个数字
pageSize: 10,
如果使用arrayToDataTable
而不是DataTable
,是否会出现相同的错误?是的,会发生相同的错误。如果使用arrayToDataTable
而不是DataTable
,是否会出现相同的错误?是的,会发生相同的错误。