Add ChartJS charts to custom page (not widget)

<x-filament::page>
    <section>
        <h2>Question Statistics</h2>
        @foreach ($questionStats as $question)
            <div class="mt-4">
                <h3>{{ $question['question'][app()->getLocale()] }}</h3>
                <div
                    x-load
                    x-load-src="{{ \Filament\Support\Facades\FilamentAsset::getAlpineComponentSrc('chart', 'filament/widgets') }}"
                    x-data="chart({
                        type: 'pie',
                        options: {},
                        cachedData: {
                            labels: @js($question['options']->pluck('label')),
                            datasets: [{
                                data: @js($question['options']->pluck('percentage')),
                                backgroundColor: ['#F87171', '#FB923C', '#FACC15', '#4ADE80', '#60A5FA', '#A78BFA', '#F472B6'],
                            }],
                        },
                    })"
                    wire:ignore
                >
                    <canvas
                        x-ref="canvas"
                        style="max-height: 500px"
                    ></canvas>
                </div>
            </div>
        @endforeach
    </section>
</x-filament::page>