Pie widget bug

I have a widget to display some info But there are numbers that are not suppose to show

return [
    'datasets' => [
        [
            'label' => 'Ticket Chart',
            'data' => [
                $archivedTickets,
                $canceledTickets,
                $closedTickets,
                $escalatedToHighTechnicalSupport,
                $escalatedToExternalTechnicalSupport,
                $openedTickets,
            ],
            'backgroundColor' => [
                'rgb(255, 205, 86)',
                'rgb(255, 99, 132)',
                'rgb(75, 192, 192)',
                'rgb(153, 102, 255)',
                'rgb(255, 159, 64)',
                'rgb(54, 162, 235)',
            ],
        ],
    ],
    'labels' => [
        'Archived Tickets',
        'Canceled Tickets',
        'Closed Tickets',
        'Escalated To SL2',
        'Escalated To SL3',
        'Opened Tickets',
    ],
];

return [
    'datasets' => [
        [
            'label' => 'Ticket Chart',
            'data' => [
                $archivedTickets,
                $canceledTickets,
                $closedTickets,
                $escalatedToHighTechnicalSupport,
                $escalatedToExternalTechnicalSupport,
                $openedTickets,
            ],
            'backgroundColor' => [
                'rgb(255, 205, 86)',
                'rgb(255, 99, 132)',
                'rgb(75, 192, 192)',
                'rgb(153, 102, 255)',
                'rgb(255, 159, 64)',
                'rgb(54, 162, 235)',
            ],
        ],
    ],
    'labels' => [
        'Archived Tickets',
        'Canceled Tickets',
        'Closed Tickets',
        'Escalated To SL2',
        'Escalated To SL3',
        'Opened Tickets',
    ],
];

5 Replies

Tieme•12mo ago

Can you share your complete widget code please?

LancelotGamerOP•12mo ago

<?php

namespace App\Filament\Widgets;

use App\Enums\TicketStatus;
use App\Models\Ticket;
use Filament\Widgets\ChartWidget;

class TicketTypeCountChart extends ChartWidget
{
    protected int | string | array $columnSpan = 'half';

    protected static ?int $sort = 1;

    protected static ?string $pollingInterval = null;

    protected static ?string $maxHeight = '300px';

    protected static ?string $heading = 'Ticket Chart';

    ///// in the next message

    protected function getType(): string
    {
        return 'bar';
    }

    public static function canView(): bool
    {
        return auth()->user()->can('widget_TicketTypeCountChart');
    }
}

<?php

namespace App\Filament\Widgets;

use App\Enums\TicketStatus;
use App\Models\Ticket;
use Filament\Widgets\ChartWidget;

class TicketTypeCountChart extends ChartWidget
{
    protected int | string | array $columnSpan = 'half';

    protected static ?int $sort = 1;

    protected static ?string $pollingInterval = null;

    protected static ?string $maxHeight = '300px';

    protected static ?string $heading = 'Ticket Chart';

    ///// in the next message

    protected function getType(): string
    {
        return 'bar';
    }

    public static function canView(): bool
    {
        return auth()->user()->can('widget_TicketTypeCountChart');
    }
}

protected function getData(): array
    {
        $archivedTickets = Ticket::whereNotNull('deleted_at')->count();
        $canceledTickets = Ticket::whereNotNull('canceled_at')->count();
        $closedTickets = Ticket::where('status', TicketStatus::CLOSED->value)->count();
        $escalatedToHighTechnicalSupport = Ticket::whereNotNull('escalated_to_high_technical_support_at')->count();
        $escalatedToExternalTechnicalSupport = Ticket::whereNotNull('escalated_to_external_technical_support_at')->count();
        $openedTickets = Ticket::whereNotNull('start_at')->count();
        return [
            'datasets' => [
                [
                    'label' => 'Ticket Chart',
                    'data' => [
                        $openedTickets,
                        $closedTickets,
                        $archivedTickets,
                        $canceledTickets,
                        $escalatedToHighTechnicalSupport,
                        $escalatedToExternalTechnicalSupport,
                    ],
                    'backgroundColor' => [
                        'rgb(54, 162, 235)',
                        'rgb(75, 192, 192)',
                        'rgb(255, 205, 86)',
                        'rgb(255, 99, 132)',
                        'rgb(153, 102, 255)',
                        'rgb(255, 159, 64)',
                    ],
                ],
            ],
            'labels' => [
                'Opened Tickets',
                'Closed Tickets',
                'Archived Tickets',
                'Canceled Tickets',
                'Escalated To SL2',
                'Escalated To SL3',
            ],
        ];
    }

protected function getData(): array
    {
        $archivedTickets = Ticket::whereNotNull('deleted_at')->count();
        $canceledTickets = Ticket::whereNotNull('canceled_at')->count();
        $closedTickets = Ticket::where('status', TicketStatus::CLOSED->value)->count();
        $escalatedToHighTechnicalSupport = Ticket::whereNotNull('escalated_to_high_technical_support_at')->count();
        $escalatedToExternalTechnicalSupport = Ticket::whereNotNull('escalated_to_external_technical_support_at')->count();
        $openedTickets = Ticket::whereNotNull('start_at')->count();
        return [
            'datasets' => [
                [
                    'label' => 'Ticket Chart',
                    'data' => [
                        $openedTickets,
                        $closedTickets,
                        $archivedTickets,
                        $canceledTickets,
                        $escalatedToHighTechnicalSupport,
                        $escalatedToExternalTechnicalSupport,
                    ],
                    'backgroundColor' => [
                        'rgb(54, 162, 235)',
                        'rgb(75, 192, 192)',
                        'rgb(255, 205, 86)',
                        'rgb(255, 99, 132)',
                        'rgb(153, 102, 255)',
                        'rgb(255, 159, 64)',
                    ],
                ],
            ],
            'labels' => [
                'Opened Tickets',
                'Closed Tickets',
                'Archived Tickets',
                'Canceled Tickets',
                'Escalated To SL2',
                'Escalated To SL3',
            ],
        ];
    }

The percentages and numbers, why do they appear?

Tieme•12mo ago

This is your problem protected function getType(): string { return 'bar'; }

LancelotGamerOP•12mo ago

ohh sorry I changed it to bar It was pie The issue still exist

Tieme•12mo ago

You than can disable them by setting chartJS options https://filamentphp.com/docs/3.x/widgets/charts#setting-chart-configuration-options

Chart widgets - Widgets - Filament

Gaming

Programming

Pie widget bug