Ich versuche, ein einfaches Diagramm auf einer Seite mit MySQL-Daten zu erstellen, die mit einem MySQL-Skript abgerufen wurden

Ich verstehe nicht, wie man den Ajax-Aufruf mit den für das Diagramm erforderlichen Daten integriert. Ich weiß nicht genug über die verschiedenen Charting-Plugins, um mir das Leben zu erleichtern, und probiere gerade Highchart aus.

Mein PHP-Skript gibt den folgenden json zurück:

[{"name":"golfers"},{"data":[5.7879,6.6286,6.1724,5.3125,7.1481,6.1333,4.5769]}]

Mein Diagrammskript ist:

$(function () {

visitorData(function(data) {
    console.info(data);
    $('#chart1').highcharts({
        chart: {
            type: 'column'
        },
        title: {
            text: 'Average Visitors'
        },
        xAxis: {
            categories: ['Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday', 'Sunday']
        },
        yAxis: {
            title: {
                text: 'Number of visitors'
            }
        },
        series: data,
    });
});
});

meine funktion um den ajax call zu machen:

$.ajax({
        url: '/visitdata',
        type: 'GET',
        async: true,
        dataType: "json",
        success: function (data) {
            console.warn(data);
            return data;

        }
    });

Momentan wird aber nichts angezeigt.

Ich bin nicht sicher, wie ich den Ajax-Aufruf effektiv ausführen und in die Diagrammfunktion integrieren soll. Ich habe mich aufgrund früherer Versuche und Posts für einen Rückruf entschieden, um sicherzustellen, dass die Daten vor dem Erstellen des Diagramms zurückgegeben werden. Ist dieses Bit korrekt?

Ich bin nicht zu 100% sicher, ob die JSON-Daten korrekt strukturiert sind

Ich bin nicht sicher, ob ich die Datenvariable richtig auf die Serie angewendet habe

Grundsätzlich - brauche ein Tutorial, damit ich es zum Laufen bringen und experimentieren kann

Alle Hilfe dankbar

Vielen Dank