محمود الحبشمتاح لمشاريع جديدة
  • أعماليأعمالي
  • الخدماتالخدمات
  • المختبرالمختبر
  • المقالاتالمقالات
  • تواصلتواصل
عمّان--:--EN
المقالات/لايف واير

بناء الرسوم البيانية مع Livewire v4

ادمج Chart.js مع Livewire.

1 فبراير 2026دقيقة قراءةلايف وايرRead in English

في هذه الصفحة

  1. المكون
  2. تحديث الرسم

ابنِ رسومًا بيانية ديناميكية.

المكون

blade
<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>

تحديث الرسم

php
$this->dispatch('chart-updated', $newData);
كل المقالات

تابع القراءة

  • التفويض في مكونات Livewire v41 فبراير 2026دقيقة قراءة
  • مترجم Blaze المسبق: مكاسب أداء هائلة في Livewire v41 فبراير 2026دقيقة قراءة
  • بناء ميزة الإشارات المرجعية مع Livewire v41 فبراير 2026دقيقة قراءة