Как обновить диграмму без 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();
});