Javascript jQuery Flot图表+覆盖xAxis

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,但找不到任何关于它的信息。我也尝试了几个小时来移动代码或重写代码,但毕竟我遇到了同样的问题 这

我通过AJAX请求获取数据,结果如下:

[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部分,但我无法使其工作,因此我希望这里的一些人能提供帮助。如有必要,我可以更改标题。