谷歌可视化数据视图.setRows():无效的行索引错误
Google Visualization dataview.setRows(): invalid row index error
在我的代码中,我使用谷歌可视化创建了一个数据视图,它包含300多行。当我试图通过指定精确的行索引来过滤行时,控制台会产生错误:
SCRIPT5022:行索引4无效。应在[0-380]范围内。
这是JavaScript:
function filter(t) {
var view = new google.visualization.DataView(data);
if (t.colQuery.value) {
view.setColumns(t.colQuery.value.split('/'));
}
if (t.rowQuery.value) {
view.setRows(t.rowQuery.value.split('/'));
}
chart.draw(view, {
allowHtml: true
});
}
这就是HTML:
<div id='form'>
<form id='serverForm'>Enter server name(s):
<!-- textbox and button for server name(s) -->
<textarea id='text' onkeypress='checkKey(event, this.form)'></textarea>
<button onclick='drawChart(this.form); return false;'>Table/Refresh</button>
</form>
<form id='queryForm'>Enter column query:
<!-- textbox and button for queries -->
<input type='text' id='colQuery'></input>Enter row query:
<input type='text' id='rowQuery'></input>
<button onclick='filter(this.form); return false;'>Filter</button>
</form>
</div>
当你接受输入并用正斜杠分割时,你会得到一个字符串数组。但是,setRows()
和setColumns()
需要整数数组(索引)。
您需要先将它们映射为整数。只需少量修改,就可以做到这一点:
更改自:
view.setRows(t.rowQuery.value.split('/'));
到此:
view.setRows(t.rowQuery.value.split('/').map(function(v){ return parseInt(v) }));
相关文章:
- 名称输入的索引
- 在jQuery中获取表的行索引
- 测试索引值是否等于某个数字的倍数
- 循环遍历数组中的特定索引
- 按照选项卡索引的顺序循环一个jQuery选择
- 在JavaScript中通过索引从对象数组中获取值
- 如果我在javascript中输入无效的电子邮件或空白,如何显示特定的文本框边框红色
- jquery代码在Mozilla中有效,但在其他浏览器上无效
- 尝试在PHP中回显输入文本时出现未定义的索引错误
- 在索引.html和应用.js [node.js] 之间共享变量
- 如何为高图中的区域线创建z索引
- 下拉列表在使用z索引放置在前面后停止工作
- 减去两个索引不同但值相同的整数
- 未捕获错误:Google Fusion表上的列索引无效
- 在索引更改中选择的下拉列表无效!!由于引导
- 选项卡索引顺序无效
- 向BufferGeometry添加索引无效
- 访问数组索引0有效,1无效
- 无效的列索引未定义.取值范围为[0-8]之间的整数
- 谷歌可视化数据视图.setRows():无效的行索引错误