Plugin [filament-apex-charts] is not registered for panel [admin].

[arifnurulhakim]

i wanna use at filament laravel but get some error like this, i want use this chart at widget
can anyone help me

Plugin [filament-apex-charts] is not registered for panel [admin].
where i can register it?

here my code
`<?php

namespace App\Filament\Resources\PpamRequestResource\Widgets;

use App\Models\PpamRequest;
use Filament\Forms\Components\DatePicker;
use Flowframe\Trend\Trend;
use Flowframe\Trend\TrendValue;
use Illuminate\Support\Carbon;
use Leandrocfe\FilamentApexCharts\Widgets\ApexChartWidget;

class PpamRequestChart extends ApexChartWidget
{
protected int|string|array $columnSpan = 'full';

protected static ?string $chartId = 'ppamRequestChart'; // Correctly defined as nullable string

protected static ?string $heading = 'Ppam Requests per Month';

protected function getOptions(): array
{
    // Default to the start and end of the current year if no date filter is set
    $startDate = $this->filterFormData['date_start'] ?? now()->startOfYear()->toDateString();
    $endDate = $this->filterFormData['date_end'] ?? now()->toDateString();

    $data = Trend::model(PpamRequest::class)
        ->between(
            start: Carbon::parse($startDate),
            end: Carbon::parse($endDate)
        )
        ->perMonth() // Group by month if desired
        ->count();

    return [
        'chart' => [
            'type' => 'line',
            'height' => 300,
        ],
        'series' => [
            [
                'name' => 'Ppam Requests',
                'data' => $data->map(fn(TrendValue $value) => $value->aggregate),
            ],
        ],
        'xaxis' => [
            'categories' => $data->map(fn(TrendValue $value) => $value->date),
            'labels' => [
                'style' => [
                    'colors' => '#9ca3af',
                    'fontWeight' => 600,
                ],
            ],
        ],
        'yaxis' => [
            'labels' => [
                'style' => [
                    'colors' => '#9ca3af',
                    'fontWeight' => 600,
                ],
            ],
        ],
        'colors' => ['#6366f1'],
        'stroke' => [
            'curve' => 'smooth',
        ],
    ];
}

protected function getFormSchema(): array
{
    return [
        DatePicker::make('date_start')
            ->label('Start Date')
            ->default(now()->startOfYear())
            ->reactive()
            ->afterStateUpdated(function ($state) {
                $this->filterFormData['date_start'] = $state;
            }),
        DatePicker::make('date_end')
            ->label('End Date')
            ->default(now())
            ->reactive()
            ->afterStateUpdated(function ($state) {
                $this->filterFormData['date_end'] = $state;
            }),
    ];
}

}
`