wip design

app/Filament/Widgets/ChartEvent.php

@@ -0,0 +1,70 @@
+<?php
+
+namespace App\Filament\Widgets;
+
+use App\Filament\Widgets\Data\HelperStatisticType;
+use App\Filament\Widgets\Data\LoadEvents;
+use Filament\Support\RawJs;
+use Filament\Widgets\ChartWidget;
+use Filament\Widgets\Concerns\InteractsWithPageFilters;
+
+class ChartEvent extends ChartWidget
+{
+    use InteractsWithPageFilters;
+
+    protected ?string $pollingInterval = null;
+
+    protected bool $isCollapsible = true;
+
+    protected $f;
+
+    protected function getData(): array
+    {
+        $this->heading = 'Events';
+
+        $data = LoadEvents::load($this->filters);
+
+        $this->description = ucfirst(HelperStatisticType::get($this->filters));
+
+        if (isset($data['description'])) {
+            $this->description .= $data['description'];
+        }
+
+        return $data;
+    }
+
+    protected function getType(): string
+    {
+        return 'line';
+    }
+
+    protected function getOptions(): RawJs
+    {
+        return RawJs::make(<<<'JS'
+            {
+                interaction: {
+                    intersect: false,
+                },
+                plugins: {
+                    tooltip: {
+                        callbacks: {
+                            label: (context) => {
+                                return [' '+context.parsed.y, context.dataset.events[context.dataIndex], context.dataset.results_per_event[context.dataIndex]];
+                            },
+                        }
+                    }
+                },
+                scales: {
+                    y: {
+                        beginAtZero:true,
+                        ticks: {
+                            callback: function(value, index, ticks) {
+                                return value % 1 === 0 ? value : '';
+                            }
+                        }
+                    },
+                },
+            }
+            JS);
+    }
+}