2 years ago

Recent works require me to work with Livewire and ChartJs. Prepare our simple filter: php artisan make:livewire Filter

Let's update our Livewire chart blade file: @once @push('scripts') @endpush @endonce @push('scripts') @endpush Note that, there is few things happened here: The @once only use to include the ChartJs once in entire app.

The key point is the Event & Listener of the Livewire: Configure the Livewire Listener on frontend side: Livewire.on('updateChart', data => { chart.data = data; chart.update(); }); And emit event from Livewire backend side, to pass new data: $this->emit('updateChart', $data); With these two key points, hopes to help people work with dynamic charts with Livewire.