ابنِ رسومًا بيانية ديناميكية.
المكون
<div
wire:ignore
x-data="{
chart: null,
init() {
this.chart = new Chart(this.$refs.canvas, {
type: 'line',
data: $wire.chartData
});
}
}"
x-init="init()"
@chart-updated.window="chart.data = $event.detail; chart.update()">
<canvas x-ref="canvas"></canvas>
</div>تحديث الرسم
$this->dispatch('chart-updated', $newData);