SpiceChart: dynamic width + horizontal scroll for many Rohstoffe

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

app/Filament/User/Resources/SpiceResource/Widgets/SpiceChart.php

@@ -19,6 +19,8 @@ class SpiceChart extends ApexChartWidget
         $data   = [];
         $labels = [];
 
+        $count = $spices->count();
+
         foreach ($spices as $spice) {
             if ($spice->unit === 'grams') {
                 $data[]   = round($spice->quantity / 1000, 2);
@@ -39,6 +41,7 @@ class SpiceChart extends ApexChartWidget
             'chart' => [
                 'type'   => 'bar',
                 'height' => 300,
+                'width'  => max(600, $count * 120),
             ],
             'series' => [
                 [

app/Providers/Filament/UserPanelProvider.php

@@ -46,6 +46,10 @@ class UserPanelProvider extends PanelProvider
                 NavigationGroup::make('Ressourcen'),
                 NavigationGroup::make('CRM'),
             ])
+            ->renderHook(
+                PanelsRenderHook::HEAD_END,
+                fn () => new HtmlString('<style>.filament-apex-charts-chart-container:has(#spiceChart){overflow-x:auto;}</style>')
+            )
             ->renderHook(
                 PanelsRenderHook::SIDEBAR_FOOTER,
                 fn () => new HtmlString(