Блог

Я пытаюсь создать 3 диаграммы на 3 разных холстах на одной странице, используя chart js. Данные для диаграмм поступают через вызов ajax. и по завершении 1-го вызова ajax я вызываю остальные 2 вызова. Я создал общий метод визуализации диаграммы, который принимает следующие параметры : данные для контекста диаграммы для холста

Я пытаюсь использовать этот общий метод загрузки для всех трех диаграмм , но после визуализации первой диаграммы этот метод загрузки также принимает первый набор результатов для двух других вызовов или показывает один и тот же набор данных для всех трех диаграмм. Это мой вызов ajax:

$.ajax({ «тип»: «ПОЛУЧИТЬ», «url» : ‘http://localhost:4000/summary/logs’,

     beforeSend: function () { // Before we send the request, remove the .hidden class from the spinner and default to inline-block.
            $('#loader').show();
        },
    "success": function (res) {
                console.log(res);
                Load(res, ctx_1);
    
    },
     complete: function () { // Set our complete callback, adding the .hidden class and hiding the spinner.
            $('#loader').hide();
            $.ajax({
            "type": "GET",
            "url" : 'http://localhost:4000/summary/userimpacts/',                  
            "success": function (res_ui) {
                console.log(res_ui);
                Load(res_ui,ctx_ui);
            }
        });
        
        $.ajax({
            "type": "GET",
            "url" : 'http://localhost:4000/summary/no_userimpacts/',                   
            "success": function (res_nui) {
                Load(res_nui, ctx_nui);
            }
        }); 
        },
});
 

Функция загрузки определена в отдельном файле js, в котором есть все конфигурации, связанные с диаграммой.
Но эта функция загрузки принимает первый набор данных для всех трех вызовов.