Javascript jQuery Flot图表+覆盖xAxis
我通过AJAX请求获取数据,结果如下:Javascript jQuery Flot图表+覆盖xAxis,javascript,jquery,ajax,each,flot,Javascript,Jquery,Ajax,Each,Flot,我通过AJAX请求获取数据,结果如下: [1,3252325],[2,2323] 第二个值是名为fId的文件id 现在,我尝试获取该id并进行另一个ajax调用,以找到相应的名称,并使用它覆盖x轴描述 一切正常,但问题是每次运行时,它都会删除所有现有名称。因此,最后,我只剩下最后一个具有自定义xAxis描述的数据集 我需要的是,最终所有数据集都有自己的xAxis自定义新名称 我试图搜索API.txt,但找不到任何关于它的信息。我也尝试了几个小时来移动代码或重写代码,但毕竟我遇到了同样的问题 这
[1,3252325],[2,2323]
第二个值是名为fId的文件id
现在,我尝试获取该id并进行另一个ajax调用,以找到相应的名称,并使用它覆盖x轴描述
一切正常,但问题是每次运行时,它都会删除所有现有名称。因此,最后,我只剩下最后一个具有自定义xAxis描述的数据集
我需要的是,最终所有数据集都有自己的xAxis自定义新名称
我试图搜索API.txt,但找不到任何关于它的信息。我也尝试了几个小时来移动代码或重写代码,但毕竟我遇到了同样的问题
这就是代码的一部分:
function onDataReceived(series) {
//Add data
if (!alreadyFetched[series.label]) {
alreadyFetched[series.label] = true;
fdata.push(series);
//Get ID
var fId = [series.data[0][0]];
//Get names
$.ajax({
url: 'inc/admin.inc.php?action=get&option=filename&id='+fId+'',
method: 'GET',
dataType: 'html',
success: function(response){
$.plot(fplaceholder, fdata,$.extend(true, {}, foptions, {
//Works, but each time it runs, it removes all previous overrides
xaxis:{ticks:[[fId,response]]}
}));
}
});
}
}
$.ajax({
url: dataurl,
method: 'GET',
dataType: 'json',
success: onDataReceived
});
更新:
我目前正在使用一种黑客技术来实现这一目标,但这可能只是为了满足我的特定需求:
我将xaxis show decimal number设置为false。在构建绘图之后,我启动一个超时函数来搜索本例中的所有xaxis值ID,并通过一个小ajax调用找到相应的名称
不过,我仍在寻找如何直接在flot代码中实现这一点。这实际上与flot无关;你只需要重新构造你的请求,首先建立一个xaxis值列表,然后创建绘图。我试图移动ajax部分,但我无法使其工作,因此我希望这里的一些人能提供帮助。如有必要,我可以更改标题。