Как обновить диграмму без Ajax, использую Websocket

У меня есть диграмма, которая обновляется(Ajax) после сробатывания собтия RealTimeMessage. Как мне обновить диграмму не используя Ajax?

Я использую Laravel Websockets

var ctx = document.getElementById("myChart");
    var myChart = new Chart(ctx, {
        type: 'bar',
        data: {
        labels: [],
        datasets: [{
            label: 'data',
            data: [],
            borderWidth: 1
        }]
        },
        options: {
        scales: {
            xAxes: [],
            yAxes: [{
            ticks: {
                beginAtZero:true
            }
            }]
        }
        }
    });
    var updateChart = function() {
        $.ajax({
        url: "{{ route('chart') }}",
        type: 'GET',
        dataType: 'json',
        success: function(data) {
            myChart.data.labels = data.labels;
            myChart.data.datasets[0].data = data.data;
            myChart.update();
        },
        error: function(data){
            console.log(data);
        }
        });
    }
    
    
    updateChart();

    Echo.channel('events')
            .listen('RealTimeMessage', (e) => {
                updateChart();
            }); 

Ответы (0 шт):