Próbuję utworzyć prosty wykres na stronie przy użyciu danych mysql pobranych za pomocą skryptu mysql

Nie rozumiem, jak zintegrować wywołanie ajax z danymi wymaganymi dla wykresu. Nie wiem wystarczająco dużo o różnych wtyczkach do wykresów, aby ułatwić mi życie i obecnie testuję highchart.

Mój skrypt php zwraca następujący json:

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

Mój skrypt wykresu to:

$(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,
    });
});
});

moja funkcja do wykonania wywołania ajax:

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

        }
    });

Ale w tej chwili nic się nie wyświetla.

Nie wiem, jak skutecznie wykonać wywołanie ajax i zintegrować je z funkcją wykresu. Zdecydowałem się na wywołanie zwrotne w oparciu o wcześniejsze próby i posty, aby upewnić się, że dane zostaną zwrócone przed utworzeniem wykresu - czy ten bit jest poprawny?

Nie jestem w 100% pewien, czy dane json są prawidłowo skonstruowane

Nie jestem pewien, czy poprawnie zastosowałem zmienną danych do serii

Zasadniczo - potrzebuję samouczka na ten temat, abym mógł go uruchomić i eksperymentować

Cała pomoc została doceniona

Dzięki