gpt4 book ai didi

javascript - 将行添加到 Google 数据可视化表

转载 作者:行者123 更新时间:2023-11-30 20:53:21 27 4
gpt4 key购买 nike

我正在尝试通过遍历 Ajax get 响应在 google 可视化表中添加不同的经纬度集,看起来只有响应 json 中的最后一个值被添加到行中,

Javascript:

$.ajax({
type: 'GET',
url: '/api/v1.0/tasks/'+document.getElementById("autocomplete").value,
dataType: 'json',
data: { 'value' : $(this).val() },
success : function(data){

for(var i=0; i<data.task.length; i++) {

var lat,long,name;
var lat = data.task[i].lat
var longi = data.task[i].longi
var name = data.task[i].markerText
alert(lat,longi,name)
var datag = new google.visualization.DataTable();
datag.addColumn('number', 'lat');
datag.addColumn('number', 'longi');
datag.addColumn('string', 'markerstr');
datag.addRows([[lat,longi,name],]);
}

})

预期输出:

data = [[37.6153, -122.3900, 'Airport'],
[37.4422, -122.1731, 'Shopping'],]

最佳答案

看起来你每次迭代都在重建数据结构。碰巧你的标题是一样的。但在这种情况下,每次迭代都会重写整个数据。也许尝试这样的事情。

    $.ajax({
type: 'GET',
url: '/api/v1.0/tasks/'+document.getElementById("autocomplete").value,
dataType: 'json',
data: { 'value' : $(this).val() },
success : function(data){


var datag = new google.visualization.DataTable();
datag.addColumn('number', 'lat');
datag.addColumn('number', 'longi');
datag.addColumn('string', 'markerstr');
var rows = []
for(var i=0; i<data.task.length; i++) {

var lat,long,name;
var lat = data.task[i].lat
var longi = data.task[i].longi
var name = data.task[i].markerText
rows.push([lat,longi,name]);
}
datag.addRows(rows);
})

关于javascript - 将行添加到 Google 数据可视化表,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/47931074/

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com