Как несколько запросов к апи, сделать одним запросом jquery?

Делаю дашборд, на странице 12 графиков, и 12 названий этих графиков. 24 requests, 981 kb transfered, 9.5 resources, finish: 31.36s. Сам код примерно такой и так к каждому графику. Как можно уменьшить количество запросов?

<script>
    $(document).ready(function() {
        $.ajax({
            url: '/api/dashboard/second',
            success: function(json) {
                var name = [];
                for (index = 0; index < json.data.length; ++index) {
                    if(json.data[index]['graphId'] == 5) {
                        for (i = 0; i < json.data[index]['values'].length; ++i) {
                            if(name.indexOf(json.data[index]['values'][i]['x']) == -1)
                                name.push(json.data[index]['values'][i]['x']);
                        }
                    }
                    document.getElementById("text-1").innerHTML = name;
                }
            }
        });
    });
    $(document).ready(function() {
        $.ajax({
            url: '/api/dashboard/second',
            success: function(json) {
                var name = [];
                for(index = 0; index < json.data.length; ++index) {
                    if(json.data[index]['graphId'] == 5) {
                        for(i = 0; i < json.data[index]['values'].length; ++i) {
                            if(name.indexOf(json.data[index]['values'][i]['x']) == -1)
                                name.push(json.data[index]['values'][i]['x']);
                        }
                    }
                    document.getElementById("text-1").innerHTML = name;
                }
            }
        });
    });
    $(document).ready(function() {
        $.ajax({
            url: '/api/dashboard/second',
            success: function(json) {
                var name = [];
                for(index = 0; index < json.data.length; ++index) {
                    if(json.data[index]['graphId'] == 3) {
                        for(i = 0; i < json.data[index]['values'].length; ++i) {
                            if(name.indexOf(json.data[index]['values'][i]['x']) == -1)
                                name.push(json.data[index]['values'][i]['x']);
                        }
                    }
                    document.getElementById("text-2").innerHTML = name;
                }
            }
        });
    });
    $(document).ready(function() {
        $.ajax({
            url: '/api/dashboard/second',
            success: function(json) {
            var name = [];
                for(index = 0; index < json.data.length; ++index) {
                    if(json.data[index]['graphId'] == 4) {
                        for(i = 0; i < json.data[index]['values'].length; ++i) {
                            if(name.indexOf(json.data[index]['values'][i]['x']) == -1)
                                name.push(json.data[index]['values'][i]['x']);
                        }
                    }
                    document.getElementById("text-3").innerHTML = name;
                }
            }
        });
    });
</script>

<script type="text/javascript">
    $(document).ready(function() {
        $.ajax({
            url: '/api/dashboard/second',
            success: function(json) {
                var data = [];
                for(index = 0; index < json.data.length; ++index) {
                    if(json.data[index]['graphId'] == 5) {
                        for(i = 0; i < json.data[index]['values'].length; ++i) {
                            data.push(json.data[index]['values'][i]['value']);
                        }
                    }
                }
                Chart.defaults.global.defaultFontColor = 'black';
                Chart.defaults.global.defaultFontFamily = 'Verdana';
                var ctx = document.getElementById("pie-chart-1");
                var myChart = new Chart(ctx, {
                    type: 'pie',
                    data: {
                        labels: ["Расходы", "Доходы"],
                        datasets: [{
                            backgroundColor: ["#3e95cd", "#8e5ea2", "#3cba9f", "#e8c3b9", "#c45850"],
                            data: data
                        }]
                    },
                    options: {
                        legend: {
                            position: "left",
                            display: true,
                        },
                        plugins: {
                            datalabels: {
                                fontColor: 'black',
                            }
                        }
                    }
                });
            }
        });
    });
</script>